.legacy-login{--hxl-muted:#5d7c8a;background:#fbf6e9}.legacy-login>main{flex:1;justify-content:center}.hxl-hero,.legacy-login>main{display:flex;align-items:center}.hxl-hero{position:relative;flex-direction:column;text-align:center;width:100%;padding:32px 24px}.hxl-hero h1{display:flex;justify-content:center;margin:0}.hxl-hero .hxld-wordmark{width:260px;height:46.5px;mix-blend-mode:multiply}.hxl-hero-subtitle{position:relative;font-size:14px;font-weight:550;line-height:1.8;color:#4f6f7d;margin:12px 0 0}.hxl-hero-subtitle svg{position:absolute;right:-23px;bottom:5px;color:#cc7e84;transform:rotate(-12deg)}.hxl-hero-art{width:min(480px,100%,max(280px,calc((100svh - 420px) * 1.228)));aspect-ratio:350/285;flex-shrink:0;position:relative;margin:26px 0}.hxl-prop{position:absolute;filter:drop-shadow(0 5px 2px #0b102014)}.hxl-prop-mascot{width:54%;height:72%;left:23%;top:10%;object-fit:contain}.hxl-prop-read{width:28%;height:32.98%;bottom:3.16%;left:0;transform:rotate(-8deg)}.hxl-prop-listen{width:27.43%;height:31.58%;top:1.4%;left:2%;transform:rotate(-10deg)}.hxl-prop-words{width:29.14%;height:34.39%;top:0;right:.29%;transform:rotate(8deg)}.hxl-prop-exam{width:27.71%;height:34.74%;bottom:0;right:.86%;transform:rotate(10deg)}.hxl-hero-topics{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--hxl-muted);margin:0 0 27px}.hxl-hero-topics>span{padding:4px 0}.legacy-learning .hxl-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 30px;border-radius:12px;background:#0b1020;color:white;font-size:14px;font-weight:800;transition:background .14s,transform .12s}.hxl-hero-note{color:#6b8490;font-size:11px;margin:16px 0 0;line-height:1.8}.hxl-hero-note span{text-decoration:underline wavy #9db6b8;text-underline-offset:5px}.hxl-landing-footer{flex-shrink:0;padding:24px;display:flex;justify-content:center;gap:22px;color:#89949a;font-size:11px}.hxl-auth-overlay{position:fixed;inset:0;z-index:150;background:#0b122052;backdrop-filter:blur(3px);animation:hxl-overlay-in .16s ease-out}.hxld-login-card.hxl-auth-dialog{position:fixed;z-index:151;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:34px 36px 25px;border:1px solid #edf0e8;border-radius:30px;background:white;box-shadow:0 24px 80px #0b122026;scrollbar-width:thin;animation:hxl-dialog-in .18s ease-out}.hxl-auth-dialog .hxl-auth-close{position:absolute;right:13px;top:12px;width:40px;height:40px;display:grid;place-items:center;color:#7b8590;border-radius:50%}.hxl-auth-emblem{width:60px;height:60px;border-radius:23px;background:#fbf7e4;display:grid;place-items:center;margin:0 auto 18px;color:#172033}.hxl-auth-dialog h2{font-size:26px;font-weight:900;letter-spacing:.05em}.hxl-auth-dialog input{background:#f1f6ff;border:1.5px solid #d9e3f1;border-radius:14px;height:50px;font-size:16px;transition:border-color .16s,box-shadow .16s,background .16s}.hxl-auth-dialog input:focus{outline:none;background:#fefeff;border-color:#2494fe;box-shadow:0 0 0 4px #108bff1f}.hxl-auth-dialog .hxld-login-submit{min-height:50px;border-radius:999px;background:#0b1220;box-shadow:0 8px 18px #0b122024}.hxl-auth-dialog .hxld-auth-label>button,.hxl-auth-dialog .hxld-login-register button{color:#26354b}.hxl-auth-dialog .hxld-auth-panel{animation:none}.hxl-auth-dialog.hxld-login-card-expanded{padding-top:26px}.hxl-auth-dialog.hxld-login-card-expanded .hxl-auth-emblem{width:48px;height:48px;border-radius:17px;margin-bottom:12px}@media (hover:hover){.hxl-auth-close:hover{background:#f1f5f9}.hxl-auth-dialog .hxld-login-submit:hover,.legacy-learning .hxl-primary:hover{background:#253046}}.legacy-learning .hxl-primary:active{transform:translateY(1px)}@keyframes hxl-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes hxl-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:767px){.hxl-hero{padding:28px 22px}.hxl-hero .hxld-wordmark{width:230px;height:41.2px}.hxl-hero-subtitle{font-size:12px}.hxl-hero-art{margin-top:29px;margin-bottom:23px}.hxl-hero-topics{gap:7px;font-size:10px;letter-spacing:.02em}.hxl-hero-note{font-size:10px}.hxl-landing-footer{flex-direction:column;align-items:center;gap:10px}.hxld-login-card.hxl-auth-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:28px 23px 22px;border-radius:25px}}@media (max-width:360px){.hxl-hero{padding-inline:18px}.hxl-hero .hxld-wordmark{width:210px;height:37.6px}}@media (prefers-reduced-motion:reduce){.hxl-auth-overlay,.hxld-login-card.hxl-auth-dialog{animation:none}.hxl-auth-dialog input,.hxl-primary{transition:none!important}}