:root{--navy-950:#051430;--navy-900:#0c3262;--blue-800:#184478;--blue-700:#1a5fa5;--blue-600:#1f77c6;--blue-500:#2b87d1;--blue-300:#5a9ad1;--white:#f8f9f9;--text:#0b1f36;--muted:#8193a8;--success:#2bb673;--danger:#d64545;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);color:var(--text);background:var(--navy-900)}body{min-height:100vh;background:radial-gradient(circle at 85% 18%,#38a0eb 0,transparent 34%),radial-gradient(circle at 12% 78%,#062247 0,transparent 40%),linear-gradient(120deg,#061a38,#0d4c89 56%,#2b87d1);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;top:-100px;left:10px;z-index:100;padding:10px 16px;border-radius:999px;background:#fff;color:var(--navy-900);font-weight:800}.skip-link:focus{top:10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:clamp(18px,4vw,58px)}.login-frame{position:relative;width:min(1400px,100%);padding:18px;border-radius:58px;background:#fff;box-shadow:0 38px 100px rgb(2 20 55 / 42%)}.brand-tab{position:absolute;top:0;left:50%;z-index:12;display:grid;width:260px;height:66px;place-items:center;transform:translateX(-50%);border-radius:0 0 38px 38px;color:var(--navy-900);background:#fff;font-size:1.7rem;font-weight:950;letter-spacing:-.08em}.brand-tab::before,.brand-tab::after{content:"";position:absolute;top:0;width:34px;height:34px;background:transparent}.brand-tab::before{left:-34px;border-radius:0 24px 0 0;box-shadow:16px -16px 0 16px #fff}.brand-tab::after{right:-34px;border-radius:24px 0 0 0;box-shadow:-16px -16px 0 16px #fff}.frame-notch{position:absolute;top:44%;z-index:9;width:31px;height:72px;background:#fff}.frame-notch-left{left:0;border-radius:0 36px 36px 0}.frame-notch-right{right:0;border-radius:36px 0 0 36px}.bottom-notch{position:absolute;bottom:0;left:50%;z-index:9;display:grid;width:94px;height:39px;place-items:end center;transform:translateX(-50%);border-radius:44px 44px 0 0;background:#fff;color:var(--blue-700);font-size:1.25rem}.bottom-notch span{padding-bottom:4px}.login-canvas{position:relative;min-height:min(790px,calc(100vh - 116px));overflow:hidden;border-radius:42px;color:#fff;background:radial-gradient(circle at 54% 46%,rgb(53 157 236 / 94%),transparent 29%),radial-gradient(circle at 88% 20%,rgb(45 143 220 / 62%),transparent 35%),linear-gradient(116deg,#06182f 0,#0a315d 46%,#1479c7 100%)}.login-canvas::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(1 13 34 / 28%),transparent 34%,transparent 70%,rgb(255 255 255 / 5%));}.login-topbar{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:29px 38px}.back-pill{display:inline-flex;min-height:40px;align-items:center;padding:0 17px;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;color:#d9ebf8;background:rgb(255 255 255 / 8%);font-size:.76rem;font-weight:750;backdrop-filter:blur(12px)}.secure-label{display:flex;align-items:center;gap:8px;color:#d9ebf8;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.secure-label i{width:8px;height:8px;border-radius:50%;background:#73ecb4;box-shadow:0 0 0 5px rgb(115 236 180 / 14%)}.display-word{position:absolute;top:73px;left:23px;z-index:1;color:#fff;font-size:clamp(8.2rem,14.3vw,13.2rem);font-weight:950;line-height:.78;letter-spacing:-.095em;white-space:nowrap;opacity:.97;pointer-events:none}.login-grid{position:relative;z-index:3;display:grid;min-height:650px;grid-template-columns:minmax(240px,.9fr) minmax(310px,1.08fr) minmax(360px,.86fr);gap:18px;align-items:end;padding:116px 38px 56px}.login-story{align-self:end;max-width:355px;padding-bottom:58px}.story-kicker,.auth-index{color:#8ecfff;font-size:.68rem;font-weight:900;letter-spacing:.15em}.login-story h1{margin:13px 0 17px;font-size:clamp(2.2rem,3.1vw,3.6rem);line-height:.97;letter-spacing:-.055em}.login-story>p:not(.story-kicker){color:#c3daec;font-size:.86rem;line-height:1.7}.story-features{display:grid;gap:11px;margin-top:25px;list-style:none}.story-features li{display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center;padding-top:10px;border-top:1px solid rgb(255 255 255 / 16%);color:#d8e9f5;font-size:.75rem;line-height:1.4}.story-features strong{color:#77c6ff;font-size:.7rem}.book-scene{position:relative;height:430px;align-self:end;display:grid;place-items:center}.book-glow{position:absolute;width:390px;height:260px;border-radius:50%;background:rgb(43 153 235 / 68%);filter:blur(45px)}.book-object{position:relative;z-index:2;display:flex;width:390px;height:245px;transform:perspective(900px) rotateX(13deg) rotateZ(-2deg);filter:drop-shadow(0 36px 25px rgb(0 13 39 / 55%))}.book-page{position:relative;width:50%;overflow:hidden;border:9px solid #dce8f1;color:var(--navy-900);background:linear-gradient(145deg,#fff,#cadde9);box-shadow:inset 0 0 30px rgb(32 86 125 / 18%)}.book-page::before{content:"";position:absolute;inset:25px 22px;background:repeating-linear-gradient(to bottom,rgb(35 78 112 / 20%) 0 3px,transparent 3px 14px)}.book-page span{position:absolute;z-index:2;color:#0d477d;font-size:1.35rem;font-weight:950;letter-spacing:-.05em}.book-page-left{transform:skewY(-5deg);border-radius:22px 4px 10px 25px}.book-page-left span{left:24px;top:26px}.book-page-right{transform:skewY(5deg);border-radius:4px 22px 25px 10px}.book-page-right span{right:24px;bottom:26px}.book-spine{position:absolute;left:50%;z-index:3;width:14px;height:100%;transform:translateX(-50%);border-radius:50%;background:linear-gradient(90deg,#8faabe,#eff6fa,#8faabe);box-shadow:0 0 18px rgb(5 32 63 / 30%)}.progress-bubble,.note-bubble{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;border:1px solid rgb(255 255 255 / 70%);color:var(--navy-900);background:rgb(255 255 255 / 90%);box-shadow:0 16px 35px rgb(0 22 55 / 28%);backdrop-filter:blur(14px)}.progress-bubble{top:43px;right:3px;padding:12px 15px;border-radius:17px}.progress-bubble b{font-size:1.25rem}.progress-bubble span,.note-bubble span{color:#627d94;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.note-bubble{bottom:59px;left:-5px;padding:11px 14px;border-radius:15px}.note-bubble b{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#fff;background:var(--success)}.auth-card{align-self:end;padding:27px;border:1px solid rgb(255 255 255 / 66%);border-radius:30px;color:var(--text);background:rgb(248 249 249 / 94%);box-shadow:0 27px 60px rgb(2 23 56 / 34%);backdrop-filter:blur(22px)}.auth-heading h2{margin:9px 0 8px;font-size:2.65rem;line-height:.92;letter-spacing:-.065em}.auth-heading>p{margin-bottom:19px;color:#6b8194;font-size:.78rem;line-height:1.55}.alert{margin-bottom:14px;padding:10px 12px;border-radius:11px;font-size:.75rem;line-height:1.45}.alert-error{border:1px solid #f2c6c6;color:#982f2f;background:#fff0f0}.alert-success{border:1px solid #bde6d3;color:#176b49;background:#e9f9f1}form{display:grid;gap:8px}label{color:#29465f;font-size:.69rem;font-weight:850}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.caps-warning{color:#a35d16;font-size:.63rem;font-weight:750}.field-shell{position:relative;display:flex;height:49px;align-items:center;border:1px solid #d4e0e9;border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.field-shell:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 4px rgb(31 119 198 / 10%)}.field-shell svg{width:17px;margin-left:14px;fill:none;stroke:#68839a;stroke-width:1.7}.field-shell input{min-width:0;flex:1;height:100%;border:0;outline:0;padding:0 13px;color:var(--text);background:transparent;font-size:.82rem}.field-shell input::placeholder{color:#a3b2bf}.password-shell input{padding-right:4px}.password-shell button{height:32px;margin-right:8px;padding:0 9px;border:0;border-radius:9px;color:var(--blue-700);background:#e7f2fb;font-size:.66rem;font-weight:900;cursor:pointer}.submit-button{display:flex;height:50px;align-items:center;justify-content:space-between;margin-top:8px;padding:0 9px 0 17px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--navy-900),var(--blue-600));box-shadow:0 13px 25px rgb(20 100 164 / 22%);font-size:.78rem;font-weight:900;cursor:pointer}.submit-button b{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:var(--navy-900);background:#fff;font-size:1rem}.submit-button:hover{filter:brightness(1.08)}.support-copy{margin-top:15px;color:#8295a5;font-size:.66rem;text-align:center}.login-footer{position:absolute;right:38px;bottom:20px;left:38px;z-index:4;display:flex;justify-content:space-between;color:#a9cce6;font-size:.62rem}.privacy-note{margin-top:15px;color:#c9deee;font-size:.68rem;text-align:center}:focus-visible{outline:3px solid #78c6ff;outline-offset:3px}@media(max-width:1120px){.login-frame{max-width:900px}.login-canvas{min-height:850px}.display-word{font-size:19vw}.login-grid{grid-template-columns:1fr 1fr;padding-top:140px}.login-story{align-self:center;padding-bottom:0}.book-scene{position:absolute;left:5%;bottom:30px;width:43%;height:300px;opacity:.72;transform:scale(.8);transform-origin:left bottom}.auth-card{grid-column:2;grid-row:1 / span 2;align-self:center}.login-footer{display:none}}@media(max-width:760px){body{background:linear-gradient(145deg,#061a38,#1f77c6)}.login-page{display:block;padding:8px}.login-frame{padding:8px;border-radius:30px}.brand-tab{width:164px;height:49px;border-radius:0 0 27px 27px;font-size:1.18rem}.brand-tab::before,.brand-tab::after{width:24px;height:24px}.brand-tab::before{left:-24px;box-shadow:12px -12px 0 12px #fff}.brand-tab::after{right:-24px;box-shadow:-12px -12px 0 12px #fff}.frame-notch{display:none}.bottom-notch{width:72px;height:25px}.bottom-notch span{display:none}.login-canvas{min-height:calc(100vh - 16px);border-radius:23px}.login-topbar{padding:18px 14px}.back-pill{min-height:36px;padding:0 12px;font-size:.68rem}.secure-label{font-size:0}.secure-label i{display:block}.display-word{top:78px;left:13px;font-size:24vw;letter-spacing:-.08em}.login-grid{display:flex;min-height:auto;flex-direction:column;gap:28px;padding:116px 14px 58px}.login-story{max-width:510px;align-self:stretch}.login-story h1{max-width:420px;font-size:2.5rem}.story-features,.book-scene{display:none}.auth-card{width:100%;align-self:stretch;padding:23px;border-radius:24px}.auth-heading h2{font-size:2.35rem}.privacy-note{padding:0 18px 12px}.login-footer{display:none}}@media(max-width:390px){.login-story h1{font-size:2.15rem}.login-story>p:not(.story-kicker){font-size:.78rem}.auth-card{padding:20px 17px}.auth-heading h2{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}