body.login-mode{background:linear-gradient(180deg,#8ed9ff 0%,#dff7ff 42%,#e9f8cf 70%,#f7e8a9 100%);overflow-x:hidden}.login-mode .app-shell{max-width:none;padding:0;min-height:100vh}.login-mode .topbar{display:none}.login-stage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:28px;padding:30px 42px 24px;position:relative;overflow:hidden}.login-stage:before,.login-stage:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login-stage:before{width:560px;height:220px;left:-90px;bottom:-90px;background:#9ad66d88;box-shadow:410px -10px 0 120px #dbea78aa,820px 30px 0 170px #a2dc76aa}.login-stage:after{width:260px;height:90px;right:8%;top:100px;background:#fff9;box-shadow:-880px 90px 0 8px #fff8}.login-hero,.login-side{position:relative;z-index:2}.login-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 20px 30px}.login-brand{display:flex;align-items:center;gap:18px;margin-bottom:10px}.login-brand img{width:118px;height:96px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(39,83,142,.14))}.login-brand-copy{text-align:left}.login-brand-copy h1{margin:0;font-size:clamp(46px,5.1vw,82px);line-height:.92;letter-spacing:-4px;color:#0e4599}.login-brand-copy h1 span{color:#ff8b00}.login-brand-copy p{margin:8px 0 0;font-size:clamp(18px,1.7vw,29px);font-weight:950;color:#2d74d6;letter-spacing:.03em}.steps-scene{width:min(680px,92%);min-height:320px;position:relative;margin:4px auto 0;display:flex;align-items:flex-end;justify-content:center}.hero-child{font-size:150px;position:absolute;left:7%;bottom:86px;filter:drop-shadow(0 15px 18px rgba(16,65,117,.22));transform:rotate(-6deg)}.bright-steps{display:flex;align-items:flex-end;gap:0;margin-left:90px}.bright-step{width:116px;border-radius:20px 20px 8px 8px;color:#fff;font-weight:1000;font-size:19px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12px 8px;box-shadow:0 14px 24px rgba(35,65,105,.15);text-shadow:0 2px 2px #0003}.bright-step b{font-size:33px}.bright-step:nth-child(1){height:74px;background:#2488f6}.bright-step:nth-child(2){height:112px;background:#2cc765}.bright-step:nth-child(3){height:150px;background:#ffb20f}.bright-step:nth-child(4){height:188px;background:#ff5c66}.hero-slogan{margin:6px 0 16px;font-size:clamp(24px,2.3vw,39px);font-weight:1000;line-height:1.05;color:#123d80;font-family:"Comic Sans MS",ui-rounded,"Segoe UI",sans-serif}.hero-slogan span{color:#f07a18}.subject-icons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.subject-icon{display:grid;gap:6px;justify-items:center;font-size:12px;font-weight:900;color:#143768}.subject-icon i{font-style:normal;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:#fff;font-size:35px;box-shadow:0 10px 20px #23549122}.subject-icon:nth-child(1) i{background:#ff4f75}.subject-icon:nth-child(2) i{background:#2ed45f}.subject-icon:nth-child(3) i{background:#8e46ef}.subject-icon:nth-child(4) i{background:#ffad0c}.subject-icon:nth-child(5) i{background:#27a5ef}.login-credit{margin-top:26px;color:#465a76;font-size:13px}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:48px}.parent-login-pill{position:absolute;right:0;top:0;border:0;background:#fff;border-radius:999px;padding:14px 22px;font-weight:950;color:#163872;box-shadow:0 12px 32px #134d8c22}.login-card{width:min(570px,100%);background:#fff;border-radius:34px;padding:36px 40px 26px;box-shadow:0 24px 70px rgba(31,65,109,.18);border:1px solid #ffffffcc}.login-card-avatar{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,#fff7c7,#ffc158);border:5px solid #ffbf18;overflow:hidden}.login-card-avatar img{width:100%;height:100%;object-fit:cover}.login-card h2{margin:4px 0 6px;text-align:center;font-size:42px;color:#102d66;letter-spacing:-1.5px}.login-card>p{text-align:center;color:#72809e;margin:0 0 24px}.login-input{display:flex;align-items:center;gap:13px;border:2px solid #dbe3f3;border-radius:17px;padding:0 18px;margin:12px 0;background:#fff;min-height:66px}.login-input:focus-within{border-color:#3f70ff;box-shadow:0 0 0 4px #3f70ff16}.login-input span{font-size:25px;color:#7b8aa8}.login-input input{border:0;outline:0;background:transparent;width:100%;font-size:18px;color:#23385f}.login-submit{width:100%;margin-top:16px;min-height:68px;border:0;border-radius:20px;background:linear-gradient(135deg,#7256ef,#3158e9);color:#fff;font-size:21px;font-weight:1000;box-shadow:0 12px 28px #4c50d844}.login-help{margin-top:20px;border-radius:16px;background:#eef6ff;border:1px solid #d3e5fa;padding:13px;text-align:center;color:#315d9c;font-weight:750}.login-footer{display:flex;justify-content:space-between;gap:10px;margin:24px -40px -26px;padding:17px 28px;border-top:1px solid #edf0f6;color:#68758d;font-size:13px}.role-switch{display:flex;gap:8px;margin:0 auto 18px;background:#eef2ff;padding:5px;border-radius:14px;width:max-content}.role-switch button{border:0;background:transparent;padding:9px 15px;border-radius:10px;font-weight:900;color:#62708d}.role-switch button.active{background:#fff;color:#3158e9;box-shadow:0 4px 12px #2b4a8520}.login-mode .screen:not(#loginScreen):not(#parentSetupScreen){max-width:1180px;margin:0 auto}.logout-btn{border-color:#ffd3d7!important;color:#b5424c!important}.parent-username-note{font-size:12px;color:#78859a;margin-top:-7px}.login-mode #parentSetupScreen{min-height:100vh;background:linear-gradient(180deg,#8ed9ff,#eef9d5);padding:20px}.login-mode #parentSetupScreen .setup-card{box-shadow:0 24px 70px rgba(31,65,109,.18)}@media(max-width:1000px){.login-stage{grid-template-columns:1fr;gap:10px;padding:22px}.login-hero{padding-bottom:0}.steps-scene{min-height:235px}.hero-child{font-size:110px;bottom:60px}.bright-step{width:92px;font-size:15px}.bright-step:nth-child(1){height:58px}.bright-step:nth-child(2){height:84px}.bright-step:nth-child(3){height:110px}.bright-step:nth-child(4){height:136px}.login-side{padding-top:70px}.parent-login-pill{right:8px;top:12px}.login-card{max-width:620px}.subject-icons{display:none}.login-credit{display:none}}@media(max-width:620px){.login-stage{padding:14px}.login-brand img{width:76px;height:70px}.login-brand-copy h1{font-size:44px;letter-spacing:-2px}.login-brand-copy p{font-size:16px}.steps-scene{display:none}.hero-slogan{font-size:23px;margin:10px 0 0}.login-side{padding-top:60px}.login-card{padding:28px 20px 20px;border-radius:28px}.login-card h2{font-size:34px}.login-footer{margin:22px -20px -20px}.parent-login-pill{font-size:13px;padding:11px 14px}.login-card-avatar{width:94px;height:94px}}