:root{--bs-navy:#0e2e8c;--bs-blue:#2f9fe8;--bs-pink:#ff4776;--bs-orange:#ff8400;--bs-yellow:#ffc51b;--bs-green:#71bf35;--bs-purple:#8052d6}

/* BrightSteps brand refresh */
.brand-button{gap:10px}.brand-mark{background:#fff!important;border:2px solid #eef3ff;box-shadow:0 5px 16px rgba(14,46,140,.12)}.brand-mark-art{width:64px!important;height:52px!important;overflow:hidden;border-radius:15px!important}.brand-mark-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:scale(1.08)}.brand-copy strong{color:var(--bs-navy)!important}.brand-copy small{color:#66779f!important}.login-brand{display:none!important}.steps-scene{display:none!important}.login-hero{justify-content:center!important}.brand-hero-art{display:block;width:min(700px,96%);max-height:515px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 18px 26px rgba(14,46,140,.13));border-radius:28px}.hero-slogan{margin-top:0!important;color:var(--bs-navy)!important}.hero-slogan span{color:var(--bs-orange)!important}.welcome-brand-art-wrap{display:grid;place-items:center}.welcome-brand-art{display:block;width:260px;max-width:34vw;max-height:175px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(14,46,140,.12));border-radius:22px}.welcome-panel{overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f5fbff 48%,#fff8df 100%)!important;border:1px solid #e6eeff}.topic-card[data-topic-id="time"]{background:linear-gradient(145deg,#fff,#f1f8ff 55%,#fff8dc)!important}.topic-card[data-topic-id="time"] .topic-icon{background:#eaf7ff!important;color:var(--bs-blue)!important}.primary-btn,.login-submit{background:linear-gradient(135deg,#7256ef,#3158e9)!important}.progress>div,.mini-progress>span{background:linear-gradient(90deg,var(--bs-blue),var(--bs-purple),var(--bs-pink))!important}
.branded-loading-screen{gap:7px}.loading-brand-art{display:block;width:min(430px,82vw);height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(14,46,140,.13));border-radius:26px}.branded-loading-screen p{margin:0;color:#66779f;font-weight:750}.brand-login-avatar{width:128px!important;height:108px!important;border-radius:24px!important;background:#fff!important;border:2px solid #eef2ff!important}.brand-login-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 34%!important;transform:scale(1.18)}.login-role-shortcuts{position:absolute;right:0;top:0;display:flex;gap:10px;align-items:center}.login-role-shortcuts .parent-login-pill{position:static!important;white-space:nowrap}.admin-login-pill{color:#5b3bc1!important;border:1px solid #e6ddff!important;background:#fbf9ff!important}.branded-setup-card{max-width:650px}.setup-brand-art{display:block;width:min(390px,90%);max-height:250px;object-fit:contain;margin:-20px auto 2px;border-radius:24px}.admin-grid .panel{border-top:4px solid #8052d6}.admin-parent-row strong{color:var(--bs-navy)}

/* Interactive learning clock */
.clock-answer-hidden{display:none!important}.clock-sim{width:min(510px,100%);margin:4px auto 12px;padding:16px 18px 14px;background:linear-gradient(160deg,#f9fcff,#fff9e9);border:2px solid #e4edff;border-radius:28px;box-shadow:0 14px 32px rgba(35,63,124,.10)}.clock-sim-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.clock-sim-head strong{font-size:15px;color:var(--bs-navy)}.clock-sim-head span{font-size:12px;font-weight:850;color:#64749a;background:#fff;border:1px solid #e3eaff;border-radius:999px;padding:7px 10px}.clock-sim-stage{position:relative;width:min(390px,84vw);aspect-ratio:1;margin:0 auto}.clock-sim svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;filter:drop-shadow(0 10px 14px rgba(24,47,99,.10))}.clock-face{fill:#fff;stroke:var(--bs-navy);stroke-width:9}.clock-tick{stroke:#a6b4d1;stroke-width:2.2;stroke-linecap:round}.clock-tick.major{stroke:var(--bs-navy);stroke-width:3}.clock-num{font-family:ui-rounded,"Segoe UI",sans-serif;font-size:22px;font-weight:1000;fill:#26365e}.clock-hour{stroke:var(--bs-purple);stroke-width:12;stroke-linecap:round}.clock-minute{stroke:var(--bs-pink);stroke-width:8;stroke-linecap:round}.clock-hit{stroke:transparent;stroke-width:30;stroke-linecap:round;cursor:grab}.clock-hit:active{cursor:grabbing}.clock-pin{fill:var(--bs-navy);stroke:#fff;stroke-width:3}.clock-sim.drag-hour .clock-hour{filter:drop-shadow(0 0 5px rgba(128,82,214,.5))}.clock-sim.drag-minute .clock-minute{filter:drop-shadow(0 0 5px rgba(255,71,118,.5))}.clock-readout{display:flex;justify-content:center;align-items:center;gap:10px;margin:4px auto 7px}.clock-readout span{font-weight:800;color:#7080a2}.clock-readout strong{min-width:92px;text-align:center;background:var(--bs-navy);color:#fff;border-radius:14px;padding:8px 13px;font-size:20px;letter-spacing:.04em}.clock-key{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#61708f}.clock-key i{display:inline-block;width:20px;height:5px;border-radius:6px;margin-right:5px;vertical-align:middle}.clock-key .hour-key i{background:var(--bs-purple)}.clock-key .minute-key i{background:var(--bs-pink)}.clock-correct-note{margin:10px auto 0;max-width:430px;background:#ecfff1;border:1px solid #bfe9ca;color:#26743e;border-radius:14px;padding:10px 12px;font-weight:850;text-align:center}.clock-sim.corrected{box-shadow:0 0 0 4px rgba(113,191,53,.15),0 14px 32px rgba(35,63,124,.10)}

@media(max-width:1000px){.brand-hero-art{width:min(580px,92%);max-height:390px}.welcome-brand-art{width:210px}.login-role-shortcuts{right:8px;top:10px}}@media(max-width:620px){.brand-hero-art{width:min(420px,100%);max-height:300px;border-radius:20px}.hero-slogan{font-size:21px!important}.clock-sim{padding:12px 9px;border-radius:22px}.clock-sim-stage{width:min(340px,86vw)}.welcome-brand-art{width:145px;max-width:39vw}.clock-sim-head{align-items:flex-start;flex-direction:column}.clock-sim-head span{padding:5px 8px}.login-role-shortcuts{left:0;right:0;justify-content:center}.login-role-shortcuts .parent-login-pill{font-size:12px;padding:10px 12px}.loading-brand-art{width:min(330px,90vw)}}