@font-face{font-family:'Codigo Inter';src:url('/fonts/account-inter.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:'Codigo Newsreader';src:url('/fonts/account-newsreader.woff2') format('woff2');font-weight:400 500;font-display:swap}
:root{color-scheme:light;font-family:'Codigo Inter',Inter,Arial,sans-serif;color:#201e19;background:#F8F6F1;--ui-ink:#201e19;--ui-secondary:#69645c;--ui-muted:#827b70;--ui-divider:#d7d1c6;--ui-accent:#b14c2d;--ui-focus:#8f3d24}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#F8F6F1}a{color:inherit}button,input{font:inherit}
.shell{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;padding:25px clamp(24px,5vw,72px);border-bottom:1px solid var(--ui-divider)}
.brand{font-size:19px;font-weight:600;letter-spacing:.24em;text-decoration:none}.top-note{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-secondary)}
.main{width:min(100%,1160px);margin:auto;padding:52px 24px 70px;display:grid;gap:50px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--ui-accent);margin:0 0 20px}
h1{font-family:'Codigo Newsreader',Georgia,serif;font-size:clamp(48px,9vw,91px);line-height:.98;letter-spacing:-.035em;font-weight:400;margin:0 0 23px;max-width:760px}
.lead{font-size:clamp(16px,2vw,19px);line-height:1.55;color:var(--ui-secondary);max-width:520px;margin:0}.panel{background:#FFFEFB;border:1px solid var(--ui-divider);border-radius:12px;padding:28px;max-width:460px;box-shadow:0 16px 60px rgba(35,34,30,.045)}
.panel-title{font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 25px;font-weight:600;color:var(--ui-secondary)}.field-label{display:block;font-size:13px;font-weight:600;margin:0 0 10px;color:var(--ui-ink)}
.field{display:block;width:100%;border:1px solid #b7afa3;border-radius:8px;background:#fff;color:var(--ui-ink);padding:15px 16px;font-size:16px;outline:none}.field::placeholder{color:var(--ui-secondary);opacity:1}.field:focus{border-color:var(--ui-focus);box-shadow:0 0 0 3px rgba(143,61,36,.17)}
.hint{font-size:13px;line-height:1.5;color:var(--ui-secondary);margin:10px 0 0}.action{display:block;width:100%;border:1px solid var(--ui-accent);border-radius:10px;background:var(--ui-accent);color:white;padding:16px 18px;margin-top:27px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}
.action:hover{background:var(--ui-focus);border-color:var(--ui-focus)}.action:disabled{background:var(--ui-focus);border-color:var(--ui-focus);cursor:wait}.link{display:inline-block;color:var(--ui-focus);font-size:14px;font-weight:600;text-underline-offset:4px;margin-top:23px}
.message{font-size:14px;line-height:1.5;padding:13px 15px;background:#f5eee9;border-left:3px solid var(--ui-accent);margin:0 0 20px}.otp-notice{border-left:0;border-radius:8px;padding:14px 16px}.otp-error{border-left:0;border-radius:8px;background:#f7e9e5}.account-notice{border-left:0;border-radius:8px;color:var(--ui-ink)}.status{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-ink)}
.status:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ui-ink)}.account-panel .account-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-panel .account-kicker{margin:0;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ui-secondary)}.account-panel .status{flex:none;gap:7px;padding:7px 9px;border:1px solid var(--ui-divider);border-radius:8px;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}.account-panel .status:before{width:6px;height:6px}.account-panel .account-note{margin-top:30px}.account-panel .access-state{margin:0;font-family:'Codigo Newsreader',Georgia,serif;font-size:clamp(31px,4vw,38px);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:var(--ui-ink)}.account-panel .access-detail{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--ui-secondary)}.account-panel .account-actions{border-top:1px solid var(--ui-divider);margin-top:27px;padding-top:20px}
.logout{background:none;border:0;padding:0;margin-top:24px;color:var(--ui-focus);text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:600;cursor:pointer}.account-panel .logout{margin-top:0;min-height:28px}.footer{padding:22px clamp(24px,5vw,72px);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-secondary)}
.journey h1{font-size:clamp(42px,7vw,72px);max-width:620px}.journey .main{gap:34px}.journey .panel{padding:24px}.journey .panel-title{margin-bottom:16px}.journey .panel .action{margin-top:16px}.journey .panel form .action{margin-top:12px}.journey .panel > .action:first-child{margin-top:0}.journey .panel .link{display:inline-flex;align-items:center;min-height:44px;margin-top:4px}.journey .step-detail{font-size:14px;line-height:1.55;color:var(--ui-secondary);margin:0}.journey .step-state{font-family:'Codigo Newsreader',Georgia,serif;font-size:clamp(28px,4vw,36px);line-height:1.1;font-weight:400;letter-spacing:-.02em;margin:0 0 10px}
@media(max-width:799px){.main{margin:0 auto;padding-top:68px;gap:40px}.footer{margin-top:auto}h1{max-width:330px}}
@media(max-width:799px){.journey .main{padding-top:42px;gap:27px}.journey h1{max-width:360px}}
@media(min-width:800px){.main{grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);align-items:center;padding:90px 52px}.panel{justify-self:end;width:100%;padding:38px}.journey .panel{padding:30px}.top{padding-top:32px;padding-bottom:32px}}
@media(prefers-reduced-motion:no-preference){.action{transition:background .18s ease}.panel{animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}