:root{font-family:Manrope,system-ui,sans-serif;color:#172335;background:#fff;font-synthesis:none;--blue:#2164d6;--muted:#637187}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--blue)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #80b1ff;outline-offset:3px}.account-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e7ebf1}.account-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;text-decoration:none;color:#172335;letter-spacing:-.6px}.free-access{font-size:12px;color:var(--muted)}.account-layout{min-height:calc(100svh - 80px);display:grid;grid-template-columns:1fr 1fr}.account-landscape{position:relative;background:linear-gradient(180deg,rgba(10,26,42,.1),rgba(10,26,42,.76)),url('/images/references/tenjo2-clear-2026-10-22.jpg') center/cover;color:white;display:flex;align-items:flex-end;padding:60px}.account-landscape>div{max-width:440px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;display:block}.account-landscape h1{font-size:clamp(42px,4.7vw,70px);line-height:1.07;letter-spacing:-2.5px;font-weight:600;margin:22px 0}.account-landscape p{line-height:1.7;font-size:15px;max-width:330px;color:#e2e9ef}.landscape-caption{display:block;margin-top:40px;font-size:10px;letter-spacing:1px;color:#c7d3e0}.account-content{padding:52px clamp(28px,6vw,100px) 22px;display:flex;flex-direction:column;justify-content:center}.account-panel{width:100%;max-width:420px;margin:auto}.account-panel h2{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-1.3px;margin:18px 0 12px}.account-panel>p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 28px}.welcome-actions{display:grid;gap:12px;margin-top:38px}.primary,.secondary{min-height:48px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;width:100%}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1857c1}.secondary{background:#edf1f6;color:#172335;justify-content:center}.primary:disabled{opacity:.6;cursor:wait}.small-note{font-size:11px!important;margin-top:22px!important;line-height:1.7!important}.account-footer{display:flex;justify-content:space-between;font-size:10px;color:#7c8798;margin:45px auto 0;width:100%;max-width:420px}.account-footer a{color:inherit;text-decoration:none}.step-heading{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.step-heading>span:last-child{margin-left:auto}.back{border:0;background:none;font-size:23px;width:40px;height:40px;padding:0;color:#172335;flex:none;margin-left:-10px}.step-track{display:flex;gap:6px;margin:12px 0 24px}.step-track i{height:3px;flex:1;background:#e8edf4}.step-track .is-current{background:var(--blue)}fieldset{border:0;margin:0;padding:0;min-width:0}form label:not(.aviation-option):not(.consent){display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input:not([type=radio]):not([type=checkbox]){border:1px solid #dce2ea;background:#f6f8fb;min-height:48px;width:100%;border-radius:6px;padding:11px 13px;font-size:14px;color:#172335}input::placeholder{color:#9aa5b5}input:focus{background:white}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:18px;height:18px;flex:none}.field-hint{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.65}form>.primary{margin-top:28px}.aviation-options{display:grid;margin-top:-8px}.aviation-option{display:flex;align-items:center;gap:12px;min-height:49px;border-bottom:1px solid #e7ebf1;font-size:12px;cursor:pointer;padding:8px 4px}.aviation-option:has(input:checked){color:var(--blue);font-weight:700;background:#f4f8ff}.password-field{position:relative}.password-field input{padding-right:59px!important}.password-field button{position:absolute;right:4px;top:2px;height:44px;min-width:48px;border:0;background:none;font-size:11px;color:var(--blue);font-weight:700}.consent{display:flex;gap:10px;align-items:flex-start;font-size:10px;color:var(--muted);line-height:1.7;margin-top:24px}.consent input{margin:2px 0 0}.registration-summary{border-left:2px solid #2164d6;padding-left:13px;margin:24px 0}.registration-summary strong,.registration-summary span{display:block;font-size:12px;margin:5px 0;overflow-wrap:anywhere}.registration-summary span{color:var(--muted)}.registration-summary button,.account-alternate button{border:0;background:none;color:var(--blue);padding:0;min-height:32px;font-size:11px;font-weight:700}.account-alternate{font-size:11px!important;text-align:center;margin-top:18px!important}.form-error{color:#b42318;background:#fff4f2;border-left:2px solid #d54a3c;padding:10px 12px;font-size:12px;line-height:1.6;margin:18px 0}.success-mark{display:flex;align-items:center;justify-content:center;background:#eaf5ee;color:#248151;width:48px;height:48px;border-radius:50%;margin-bottom:30px;font-size:24px}.support-invite{border-top:1px solid #e2e7ef;margin-top:32px;padding-top:23px}.support-invite h3{font-size:16px;font-weight:700;letter-spacing:-.4px}.support-invite p{font-size:12px;line-height:1.7;color:var(--muted)}.support-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;font-weight:700;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;bottom:0;background:white;padding:15px;width:100%;text-align:center}.document-main{max-width:650px;padding:48px 24px;margin:0 auto}.document-main h1{font-size:32px;letter-spacing:-1px}.document-main p,.document-main li{font-size:14px;line-height:1.8;color:var(--muted)}.document-main h2{font-size:18px;margin-top:30px}.donation-options{display:grid;gap:16px;margin:28px 0}.donation-option{border:1px solid #dfe5ee;border-radius:8px;padding:22px}.donation-option h2{margin:0}.donation-option a{margin-top:18px}.donation-unavailable{font-size:12px!important;color:#637187}.back-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px}.support-status{font-size:13px;color:#637187}.privacy-date{font-size:11px!important}.account-access-actions{display:flex;gap:12px}
@media(min-width:1500px){.account-landscape{padding-left:max(60px,calc((100vw - 1350px)/2))}}@media(max-width:760px){.account-header{height:64px;padding:0 22px}.account-brand{font-size:19px}.account-layout{grid-template-columns:1fr;min-height:calc(100svh - 64px)}.account-landscape{min-height:260px;padding:28px 26px;background-position:center 58%}.account-landscape h1{font-size:36px;letter-spacing:-1.4px;margin:12px 0}.account-landscape p{font-size:12px;max-width:270px;margin-bottom:0}.landscape-caption{margin-top:20px;font-size:9px}.account-content{padding:30px 26px 22px;justify-content:flex-start}.account-panel h2{font-size:30px;letter-spacing:-1px}.account-panel>p{font-size:13px;margin-bottom:20px}.welcome-actions{margin-top:24px}.account-footer{margin-top:30px}.account-layout:has(#signup:not([hidden])) .account-landscape,.account-layout:has(#login:not([hidden])) .account-landscape,.account-layout:has(#ready:not([hidden])) .account-landscape{display:none}.account-layout:has(#signup:not([hidden])) .account-content,.account-layout:has(#login:not([hidden])) .account-content{padding-top:20px}.account-panel{margin:0 auto}.step-track{margin-bottom:22px}.aviation-option{min-height:48px}form>.primary{margin-top:24px}}@media(prefers-reduced-motion:no-preference){.account-panel{animation:appear .22s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}

/* Reframe the welcome photo so the camera's burnt-in location is out of view. */
.account-landscape{overflow:hidden;background-image:linear-gradient(180deg,rgba(10,26,42,.1),rgba(10,26,42,.76))}
.account-landscape::before{content:"";position:absolute;inset:0;background:url('/images/references/tenjo2-clear-2026-10-22.jpg') center/cover;transform:scale(1.45);z-index:-1}
.account-landscape{isolation:isolate}
.account-landscape>div{position:relative}