:root{--ink:#18243a;--muted:#6f7888;--cream:#fffaf2;--blue:#4a8cff;--deep:#2464c4;--coral:#ff7479;--yellow:#ffd867;--mint:#74d8b5;--line:#e7ebf2}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);background:var(--cream)}a{color:var(--deep);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.7rem 1rem;border-radius:12px;background:#fff;color:var(--ink)}.skip-link:focus{top:1rem}.auth-shell{display:grid;grid-template-columns:minmax(380px,46%) 1fr;min-height:100vh}.story-panel{position:relative;display:flex;min-height:100vh;overflow:hidden;padding:34px clamp(32px,5vw,78px);background:radial-gradient(circle at 15% 72%,rgba(255,216,103,.8) 0 9%,transparent 9.2%),radial-gradient(circle at 92% 13%,rgba(255,255,255,.55) 0 11%,transparent 11.2%),linear-gradient(145deg,#bfe8ff 0%,#90ccff 50%,#7ebdf6 100%);flex-direction:column}.brand{position:relative;z-index:4;display:inline-flex;gap:10px;align-items:center;width:max-content;color:#194f9b;font-size:1.22rem;font-weight:800;letter-spacing:-.7px}.brand:hover{text-decoration:none;transform:translateY(-1px)}.brand-mark{display:grid;width:37px;height:37px;place-items:center;border:2px solid rgba(255,255,255,.75);border-radius:12px;background:var(--yellow);box-shadow:0 5px 0 rgba(33,85,148,.13);transform:rotate(-7deg)}.brand-dot{color:var(--coral)}.speech{position:relative;z-index:3;align-self:flex-end;max-width:220px;margin:5vh 2% -15px 0;padding:14px 18px;border:2px solid rgba(33,77,133,.11);border-radius:22px 22px 7px;background:#fff;color:#40546c;font-family:'Patrick Hand',cursive;font-size:1.15rem;line-height:1.15;box-shadow:0 12px 30px rgba(35,78,130,.12);transform:rotate(2deg)}.speech:after{position:absolute;right:28px;bottom:-14px;border-width:14px 3px 0 14px;border-style:solid;border-color:#fff transparent transparent transparent;content:''}.mascot-wrap{position:relative;z-index:2;align-self:center;width:min(34vw,390px);aspect-ratio:1;margin:-5px auto -10px}.mascot-wrap:before{position:absolute;inset:9% 7% 5%;border:2px dashed rgba(255,255,255,.55);border-radius:50%;content:'';animation:spin 35s linear infinite}.mascot-wrap img{position:absolute;inset:12%;width:76%;height:76%;border:8px solid rgba(255,255,255,.88);border-radius:47% 53% 51% 49%;object-fit:cover;filter:drop-shadow(0 18px 22px rgba(33,77,133,.22));transform:rotate(-2deg)}.orbit{position:absolute;z-index:3;display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#fff;box-shadow:0 10px 20px rgba(33,77,133,.14);font-size:1.45rem}.orbit-book{left:0;top:38%;transform:rotate(-10deg)}.orbit-star{right:3%;top:19%;transform:rotate(9deg)}.orbit-note{right:1%;bottom:14%;color:var(--coral);transform:rotate(-5deg)}.story-copy{position:relative;z-index:3;margin-top:auto}.tiny-pill{display:inline-block;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.72);color:#1956a4;font-size:.7rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.story-copy h2{margin:15px 0 10px;color:#143967;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:800;line-height:1.05;letter-spacing:-2px}.story-copy h2 em{color:#fff;font-family:'Patrick Hand',cursive;font-style:normal;font-weight:400;letter-spacing:0;text-shadow:0 2px 0 rgba(32,80,139,.12)}.story-copy p{max-width:490px;margin:0;color:#2b5c91;font-size:.9rem;line-height:1.7}.spark{position:absolute;color:#fff;font-size:1.8rem;opacity:.75}.spark-one{left:8%;top:30%;transform:rotate(15deg)}.spark-two{right:8%;top:44%;font-size:1rem}.cloud{position:absolute;width:130px;height:38px;border-radius:99px;background:rgba(255,255,255,.27)}.cloud:before,.cloud:after{position:absolute;bottom:0;border-radius:50%;background:inherit;content:''}.cloud:before{left:23px;width:58px;height:58px}.cloud:after{right:16px;width:44px;height:44px}.cloud-left{left:-30px;bottom:21%}.cloud-right{right:-50px;top:32%}.form-panel{position:relative;display:flex;min-height:100vh;padding:clamp(26px,4vw,55px) clamp(28px,8vw,120px) 25px;background:radial-gradient(circle at 93% 8%,#fff0c7 0 6%,transparent 6.2%),radial-gradient(circle at 6% 92%,#e4f7ef 0 7%,transparent 7.2%),#fffdf9;flex-direction:column}.back-home{display:inline-flex;gap:8px;align-items:center;width:max-content;color:#697587;font-size:.78rem;font-weight:600}.back-home span{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.form-wrap{width:100%;max-width:540px;margin:auto}.form-heading{position:relative;margin:25px 0 30px}.form-heading.compact{margin-bottom:22px}.hello-icon{position:absolute;right:5px;top:12px;font-size:2.2rem;transform:rotate(10deg)}.eyebrow{margin:0 0 8px!important;color:var(--coral)!important;font-size:.73rem!important;font-weight:800;text-transform:uppercase;letter-spacing:1.3px}.form-heading h1{margin:0 0 10px;font-size:clamp(2rem,3.2vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-2px}.form-heading p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}.auth-form{display:grid;gap:11px}.compact-form{gap:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-label{color:#364258;font-size:.76rem;font-weight:700}.label-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.label-row a{font-size:.7rem}.input-box{display:flex;min-height:53px;align-items:center;padding:0 12px;border:1.5px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(41,61,89,.035);transition:.2s}.input-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(74,140,255,.11),0 8px 20px rgba(41,61,89,.06);transform:translateY(-1px)}.input-box>span{width:30px;font-size:1rem}.input-box input{width:100%;min-width:0;padding:15px 6px;border:0;outline:0;background:transparent;color:var(--ink);font:500 .84rem 'Be Vietnam Pro',sans-serif}.input-box input::placeholder{color:#a4abb7}.toggle-password{padding:8px;border:0;background:transparent;cursor:pointer;font-size:.92rem}.remember{display:flex;gap:8px;align-items:center;width:max-content;margin:5px 0;color:#6c7686;font-size:.73rem;cursor:pointer}.remember input{width:16px;height:16px;accent-color:var(--blue)}.primary-button{display:flex;width:100%;min-height:54px;margin-top:8px;padding:6px 8px 6px 20px;border:0;border-radius:16px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),#3479e5);box-shadow:0 12px 24px rgba(49,112,216,.25),inset 0 1px rgba(255,255,255,.25);color:#fff;cursor:pointer;font:700 .86rem 'Be Vietnam Pro',sans-serif;transition:.2s}.primary-button span{margin:auto}.primary-button b{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.2rem}.primary-button:hover{box-shadow:0 15px 28px rgba(49,112,216,.31);transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.switch-copy{margin:24px 0 0;color:#7a8390;text-align:center;font-size:.76rem}.switch-copy a{margin-left:3px}.safe-note{margin:18px auto 0;color:#9aa1aa;font-size:.64rem}.alert{display:grid;gap:4px;margin:-12px 0 18px;padding:12px 14px;border-radius:13px;font-size:.72rem;line-height:1.5}.alert-error{border:1px solid #ffc5c7;background:#fff0f1;color:#92353a}.alert-success{border:1px solid #b9ead7;background:#eefbf6;color:#24684f}.password-meter{display:grid;grid-template-columns:repeat(3,36px) 1fr;gap:5px;align-items:center}.password-meter i{height:4px;border-radius:9px;background:#e6e9ef}.password-meter i.active{background:var(--mint)}.password-meter small{margin-left:5px;color:#969daa;font-size:.58rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.story-panel{min-height:300px;padding:25px 28px}.story-copy{margin-top:45px}.story-copy h2{font-size:2.2rem}.story-copy p,.speech,.cloud{display:none}.mascot-wrap{position:absolute;right:5%;bottom:-20px;width:260px}.form-panel{min-height:auto;padding:35px 28px}.form-wrap{margin:50px auto}.safe-note{margin-bottom:8px}}@media(max-width:560px){.story-panel{min-height:220px}.story-copy{margin-top:auto}.story-copy h2{margin-bottom:0;font-size:1.7rem}.story-copy p,.tiny-pill{display:none}.mascot-wrap{right:-25px;bottom:-28px;width:205px}.orbit{display:none}.form-panel{padding:25px 20px}.form-wrap{margin:35px auto}.field-grid{grid-template-columns:1fr}.form-heading{margin-top:18px}.hello-icon{font-size:1.7rem}.password-meter{grid-template-columns:repeat(3,26px) 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}