/* Account entry only. Keep controls legible when the browser prefers/auto-generates dark UI. */
.auth-experience{--auth-ink:#1e1b4b;--auth-deep:#15123a;--auth-solar:#f5b23e;--auth-cream:#faf7f0;--auth-rule:#e5dfcf;--auth-muted:#606071;color-scheme:light;color-scheme:only light;background:var(--auth-cream);color:var(--auth-ink);min-height:calc(100svh - 104px);padding:clamp(22px,3.4vw,52px) clamp(16px,4vw,64px);box-sizing:border-box;display:grid;place-items:center}
.auth-experience *{box-sizing:border-box}
.auth-experience p{margin:0;padding:0;text-align:left;text-indent:0;line-height:1.6}
.auth-experience a{text-decoration:none}
.auth-experience :focus-visible{outline:3px solid #8c680c;outline-offset:4px}
.auth-experience [hidden]{display:none!important}
.auth-frame{width:100%;max-width:1140px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--auth-rule);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 65px -38px rgba(30,27,75,.25)}
.auth-story{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:36px 42px 30px;background:var(--auth-ink);color:var(--auth-cream);display:flex;flex-direction:column}
.auth-story:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 0,rgba(103,94,165,.27),transparent 58%),linear-gradient(135deg,transparent 44%,rgba(255,255,255,.025) 44.1%,transparent 44.3%)}
.auth-back{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:#d8d5eb;font-size:12px;font-weight:500;line-height:24px}
.auth-back:hover{color:#fff}
.auth-back span{font-size:19px;transition:transform .2s ease}
.auth-back:hover span{transform:translateX(-3px)}
.auth-story-copy{position:relative;z-index:1;margin-top:42px}
.auth-experience .auth-eyebrow{display:flex;align-items:center;gap:9px;color:#e4d2aa;font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
.auth-eyebrow>span{width:5px;height:5px;background:var(--auth-solar);border-radius:50%;box-shadow:0 0 0 4px rgba(245,178,62,.1)}
.auth-story h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.1vw,53px);font-weight:400;letter-spacing:-.035em;line-height:1.07;margin:20px 0 18px;max-width:400px}
.auth-story h2 em{display:block;font-weight:400;color:#fad17c}
.auth-story-description{max-width:340px;color:#d3d0e5;font-size:14px}
.auth-orbit{position:relative;min-height:181px;margin:10px -15px 5px;display:grid;place-items:center}
.auth-orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(250,209,124,.14);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.auth-orbit-ring-outer{width:332px;height:158px}
.auth-orbit-ring-inner{width:250px;height:118px;border-color:rgba(216,213,235,.13)}
.auth-orbit-point{position:absolute;width:9px;height:9px;border:2px solid #fad17c;border-radius:50%;left:calc(50% + 135px);top:38px;background:var(--auth-ink);box-shadow:0 0 0 5px rgba(245,178,62,.07)}
.auth-scenario-note{position:relative;display:flex;align-items:center;gap:14px;width:290px;max-width:90%;padding:20px 18px;border:1px solid rgba(245,178,62,.2);border-radius:14px;background:#28244f;transform:rotate(-5deg);box-shadow:0 16px 30px -20px #070619;color:#ddd9ed;font-size:10px;letter-spacing:.02em}
.auth-scenario-note strong{display:block;color:#fff;font-size:15px;font-weight:500;letter-spacing:0;margin-top:5px}
.auth-note-icon{display:grid;place-items:center;width:36px;height:40px;color:#fad17c;font-size:28px;background:rgba(245,178,62,.08);border-radius:10px}
.auth-note-check{margin-left:auto;font-size:16px;color:#fad17c}
.auth-orbit-caption{position:absolute;bottom:3px;font-size:8px;color:#b6b0ce;letter-spacing:.18em;text-transform:uppercase}
.auth-story-bottom{margin-top:auto;display:flex;gap:12px;align-items:flex-start;padding-top:19px}
.auth-story-rule{height:1px;width:22px;min-width:22px;background:rgba(245,178,62,.6);margin-top:9px}
.auth-story-bottom p{font-size:11px;line-height:1.65;color:#c4bfd9;max-width:270px}
.auth-task{min-width:0;display:flex;align-items:center;background:#fff;padding:34px 44px}
.auth-task-inner{width:100%;max-width:390px;margin:auto}
.auth-step{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.auth-step>span:first-child{color:#6d697c;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.auth-step-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid #eae6dc;border-radius:10px;font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:700;color:var(--auth-ink);background:#fcfaf6}
.auth-step-mark>span{position:absolute;right:3px;top:0;font-size:13px;font-family:inherit;color:#a87617}
.auth-heading h1{margin:0 0 10px;font-size:clamp(26px,2.8vw,32px);font-weight:650;letter-spacing:-.035em;line-height:1.15;color:var(--auth-ink)}
.auth-heading p{font-size:13px;color:var(--auth-muted);line-height:1.65;max-width:350px}
.auth-experience .auth-return{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding:10px 12px;color:#514260;font-size:11px;line-height:1.6;background:#faf7f0;border:1px solid #eee4ce;border-radius:9px}
.auth-return>span{font-size:18px;line-height:18px;color:#8d6822}
.auth-form{display:grid;gap:16px;margin-top:26px}
.auth-field{display:grid;gap:7px;min-width:0}
.auth-field label{font-size:12px;font-weight:600;color:#39354d;line-height:1.4}
.auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.auth-label-row a{font-size:11px;font-weight:500;color:#64568c;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c5bed6}
.auth-label-row a:hover{color:var(--auth-ink)}
.auth-experience .auth-field input{display:block;width:100%;min-width:0;height:48px;border:1px solid #d9d6de;border-radius:9px;padding:0 13px;background:#fff;color:#25213f;-webkit-text-fill-color:#25213f;font-size:15px;line-height:1.4;font-family:inherit;caret-color:var(--auth-ink);color-scheme:only light;box-shadow:0 1px 2px rgba(30,27,75,.025);transition:border-color .18s,box-shadow .18s}
.auth-field input::placeholder{color:#746d80;opacity:1;-webkit-text-fill-color:#746d80}
.auth-field input:focus{border-color:#776a9e;outline:none;box-shadow:0 0 0 3px rgba(63,58,140,.1)}
.auth-field input:read-only{background:#faf9fc;color:#615c72}
.auth-field input:-webkit-autofill,.auth-field input:-webkit-autofill:hover,.auth-field input:-webkit-autofill:focus{color:#25213f;-webkit-text-fill-color:#25213f;-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;caret-color:var(--auth-ink)}
.auth-password{position:relative}
.auth-password input{padding-right:68px!important}
.auth-password>button{position:absolute;top:5px;right:5px;min-width:48px;height:38px;padding:0 9px;border:0;background:transparent;color:#665d7b;border-radius:6px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}
.auth-password>button:hover{color:var(--auth-ink);background:#f4f1f8}
.auth-experience .auth-hint{font-size:11px;color:#746d80;line-height:1.5}
.auth-submit{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 18px;margin-top:3px;border:1px solid #e7a32d;border-radius:9px;background:var(--auth-solar);color:var(--auth-ink);font-family:inherit;font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;box-shadow:0 4px 12px -7px rgba(183,122,20,.45);transition:background .18s,box-shadow .18s,transform .18s}
.auth-submit:hover:not(:disabled){background:#fac660;box-shadow:0 5px 17px -7px rgba(183,122,20,.5);transform:translateY(-1px)}
.auth-submit:active:not(:disabled){transform:translateY(0)}
.auth-submit>span{font-size:18px;font-weight:400;line-height:18px}
.auth-submit:disabled{cursor:wait;opacity:.78}
.auth-submit[aria-busy=true]:after{content:"";width:13px;height:13px;border:2px solid rgba(30,27,75,.25);border-top-color:var(--auth-ink);border-radius:50%;animation:auth-spin .7s linear infinite}
.auth-form[data-auth-complete=true] .auth-submit:disabled{cursor:default;opacity:1}
.auth-experience .auth-status{font-size:12px;line-height:1.6;color:#872f32;background:#fff5f4;border:1px solid #f1d5d1;padding:12px;border-radius:9px;overflow-wrap:anywhere}
.auth-form[data-auth-complete=true] .auth-status{color:#275741;background:#f2faf5;border-color:#d2e6d9}
.auth-status:focus{outline:2px solid #ab6b42;outline-offset:3px}
.auth-continue{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:12px;font-weight:650;color:var(--auth-ink);border:1px solid #ded9e8;border-radius:9px;background:#f7f5fb;padding:10px 13px}
.auth-switch{margin-top:24px;padding-top:22px;border-top:1px solid #eeeaf1;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;font-size:12px;line-height:1.6;color:#736d81}
.auth-switch a{color:var(--auth-ink);font-weight:650}
.auth-switch a:hover{text-decoration:underline;text-underline-offset:4px}
.auth-switch a>span{font-weight:400;color:#9c762e}
.auth-recover-create{display:block;margin:10px auto 0;text-align:center;color:#706781;font-size:11px;text-decoration:underline!important;text-underline-offset:3px}
.auth-experience .auth-privacy{font-size:10px;line-height:1.7;color:#746d80;text-align:center;margin-top:22px}
.auth-privacy a{color:#625471;text-decoration:underline;text-underline-offset:3px}
[data-auth-screen=create] .auth-task{padding-top:26px;padding-bottom:26px}
[data-auth-screen=create] .auth-step{margin-bottom:16px}
[data-auth-screen=create] .auth-form{margin-top:21px;gap:13px}
[data-auth-screen=create] .auth-switch{margin-top:20px;padding-top:18px}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(min-width:900px){.auth-frame{animation:auth-arrive .4s ease-out both}@keyframes auth-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:960px){.auth-story{padding:30px}.auth-task{padding:30px}.auth-story h2{font-size:42px}.auth-orbit-ring-outer{width:290px}.auth-orbit-point{left:calc(50% + 112px)}}
@media(max-width:720px){.auth-experience{min-height:calc(100svh - 132px);padding:19px 15px 28px;display:block}.auth-frame{grid-template-columns:1fr;border-radius:19px;max-width:520px;margin:auto}.auth-story{padding:23px 25px 25px}.auth-back{font-size:11px}.auth-story-copy{margin-top:22px}.auth-experience .auth-eyebrow{font-size:8px;letter-spacing:.14em}.auth-story h2{font-size:35px;max-width:390px;margin:14px 0 12px;line-height:1.06}.auth-story h2 em{display:inline}.auth-story-description{font-size:12px;max-width:390px}.auth-orbit,.auth-story-bottom{display:none}.auth-task{padding:27px 25px 30px}.auth-step{margin-bottom:19px}.auth-heading h1{font-size:27px}.auth-heading p{font-size:12px}.auth-field input{font-size:16px;height:49px}.auth-form{gap:16px;margin-top:24px}.auth-switch{font-size:12px}.auth-step-mark{width:30px;height:30px;font-size:18px}[data-auth-screen=create] .auth-task{padding:27px 25px 30px}}
@media(max-width:360px){.auth-experience{padding-left:10px;padding-right:10px}.auth-story,.auth-task,[data-auth-screen=create] .auth-task{padding-left:20px;padding-right:20px}.auth-story h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.auth-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.auth-frame,.auth-story,.auth-task,.auth-field input,.auth-submit,.auth-password>button{border:1px solid CanvasText}.auth-submit{background:ButtonFace;color:ButtonText}.auth-experience :focus-visible{outline:3px solid Highlight}.auth-orbit{display:none}}
