:root{--ink: #0b1c33;--ink-soft: #8a9bb0;--paper: #f6f3ee;--paper-deep: #ebe6dc;--lavender: #c4a8ef;--shell: #8b4db8;--shell-deep: #5c2d8a;--plastron: #f3e6a8;--book: #2a4a8f;--highlight: #f3e6a8;--highlight-ink: #0b1c33;--confetti-cyan: #7ec8e8;--confetti-gold: #f0c14a;--confetti-violet: #b794f0;--line: rgba(11, 28, 51, .12);--line-on-dark: rgba(246, 243, 238, .1);--surface: rgba(255, 255, 255, .88);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-display: "Bricolage Grotesque", "Segoe UI", sans-serif;--font-body: "Newsreader", "Georgia", serif;--max: 1120px;--brand-ink: var(--ink);--brand-plum: var(--shell-deep);--brand-shell: var(--shell);--brand-lavender: #e9ddf7;--brand-gold: var(--plastron);--brand-paper: #fbfafc;--brand-muted: #526174;--brand-line: rgba(11, 28, 51, .13);--brand-shadow: 0 20px 55px rgba(45, 28, 64, .12);--brand-display: var(--font-display);--brand-body: var(--font-body)}body.not-found-page,body.infographic-page,body.dashboard-page{color:var(--brand-ink);background:radial-gradient(circle at 12% 8%,rgba(233,221,247,.85),transparent 32rem),radial-gradient(circle at 92% 80%,rgba(243,230,168,.38),transparent 28rem),var(--brand-paper);background-attachment:fixed;font-family:var(--brand-body);-webkit-font-smoothing:antialiased}body.not-found-page :is(h1,h2,h3,h4,button,.btn),body.infographic-page :is(h1,h2,h3,h4,button,.btn,.pill,.badge),body.dashboard-page :is(h1,h2,h3,h4,button,.btn,.logo,.stat-value,.val){font-family:var(--brand-display)}body.not-found-page :focus-visible,body.infographic-page :focus-visible,body.dashboard-page :focus-visible{outline:3px solid rgba(92,45,138,.42);outline-offset:3px}body.not-found-page{animation:none}body.not-found-page .card{position:relative;overflow:hidden;max-width:610px;padding:clamp(2rem,7vw,3.5rem);border:2px solid var(--brand-ink);border-radius:22px;background:#ffffffe6;box-shadow:10px 10px #5c2d8a33;animation:legacy-rise .7s cubic-bezier(.2,.8,.2,1) both}body.not-found-page .card:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,var(--brand-plum),var(--brand-gold))}body.not-found-page .logo{border:2px solid var(--brand-ink);border-radius:50%;box-shadow:4px 4px 0 var(--brand-gold)}body.not-found-page .code{color:var(--brand-plum);background:none;-webkit-text-fill-color:currentColor;font-family:var(--brand-display)}body.not-found-page p,body.not-found-page .links{color:var(--brand-muted)}body.not-found-page .btn{min-height:2.75rem;border:2px solid var(--brand-ink);border-radius:999px;font-weight:800}body.not-found-page .btn.primary{background:var(--brand-ink);box-shadow:4px 4px 0 var(--brand-gold)}body.not-found-page .btn.primary:hover,body.not-found-page .btn.ghost:hover{background:var(--brand-plum);color:#fff;box-shadow:5px 5px 0 var(--brand-gold)}body.not-found-page .links a{color:var(--brand-plum)}body.infographic-page .bg-blobs{opacity:.5}body.infographic-page .blob.one{background:var(--brand-lavender)}body.infographic-page .blob.two{background:var(--brand-gold)}body.infographic-page .blob.three{background:var(--brand-shell);opacity:.12}body.infographic-page .hero-card{overflow:hidden;border:2px solid var(--brand-ink);background:linear-gradient(145deg,var(--brand-ink),#152b49);color:#fff;box-shadow:10px 10px #5c2d8a3d}body.infographic-page .hero .gradient{color:var(--brand-gold);background:none}body.infographic-page .hero p.sub{color:#dce5f0}body.infographic-page .pill{border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;box-shadow:none}body.infographic-page .btn{min-height:2.75rem;border:2px solid currentColor;border-radius:999px;box-shadow:none}body.infographic-page .btn.primary{border-color:var(--brand-gold);background:var(--brand-gold);color:var(--brand-ink);box-shadow:4px 4px 0 var(--brand-shell)}body.infographic-page .btn.secondary{border-color:#ffffff73;background:transparent;color:#fff}body.infographic-page :is(.card,.step,.social-card,.brand-card,.quote){border:1px solid var(--brand-line);background:#ffffffe6;box-shadow:var(--brand-shadow)}body.infographic-page .card .icon{background:var(--brand-lavender)}body.infographic-page :is(.card p,.social-card p,.note,.brand-card figcaption){color:var(--brand-muted)}body.infographic-page .step:after{background:linear-gradient(90deg,var(--brand-shell),var(--brand-plum))}body.infographic-page .compare{border:1px solid var(--brand-line);box-shadow:var(--brand-shadow)}body.infographic-page thead th{background:var(--brand-ink);color:#fff}body.infographic-page .badge{border:1px solid rgba(92,45,138,.18);box-shadow:none}body.infographic-page .cta-card{border:2px solid var(--brand-ink);background:linear-gradient(145deg,var(--brand-plum),var(--brand-ink));box-shadow:8px 8px 0 var(--brand-gold)}body.infographic-page .cta-card .btn.secondary{background:#fff;color:var(--brand-ink)}body.dashboard-page{--blue: var(--brand-plum);--white-glass: rgba(255, 255, 255, .9);--radius: 18px;--shadow: var(--brand-shadow)}body.dashboard-page:before,body.dashboard-page:after{display:none!important}body.dashboard-page>:is(#authOverlay,#loginPanel){background:#0b1c33d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dashboard-page :is(.auth-box,.login-box){border:2px solid var(--brand-ink);border-radius:20px;background:#fff;box-shadow:8px 8px 0 var(--brand-gold)}body.dashboard-page :is(.auth-box input,.login-box input,input,select,textarea){border-color:var(--brand-line);border-radius:10px;background:#fff;color:var(--brand-ink)}body.dashboard-page :is(.auth-box input,.login-box input,input,select,textarea):focus{outline:3px solid rgba(92,45,138,.22);border-color:var(--brand-plum)}body.dashboard-page :is(.teacher-topbar,.dashboard-header,.stat-card,.card,.section,.class-card){border:1px solid var(--brand-line);background:#ffffffe6;box-shadow:var(--brand-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.dashboard-page :is(.teacher-topbar,.dashboard-header){border-top:5px solid var(--brand-plum)}body.dashboard-page :is(.stat-card .val,.stat-card .stat-value,.teacher-topbar .brand .logo){color:var(--brand-plum)}body.dashboard-page :is(.teacher-info,.user-info,.stat-label,.stat-subtitle,.lbl,.sub){color:var(--brand-muted)}body.dashboard-page :is(.btn-primary,button.btn-primary,.login-box button){border:2px solid var(--brand-ink);border-radius:999px;background:var(--brand-ink);color:#fff;box-shadow:3px 3px 0 var(--brand-gold)}body.dashboard-page :is(.btn-outline,.btn-secondary){border-color:var(--brand-plum)!important;border-radius:999px;background:#fff;color:var(--brand-plum)}body.dashboard-page :is(.btn,button,a){transition:transform .2s ease,box-shadow .2s ease,background .2s ease}body.dashboard-page :is(.btn-primary,.btn-outline,.btn-secondary):hover{transform:translateY(-2px)}body.dashboard-page :is(.data-table th,table th){background:var(--brand-ink);color:#fff}body.dashboard-page :is(.data-table tr:hover td,table tr:hover td){background:#e9ddf75c}body.dashboard-page .beta-badge{background:var(--brand-gold);color:var(--brand-ink)}@keyframes legacy-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){body.infographic-page .container{padding-inline:1rem}body.infographic-page .hero{padding-top:1.25rem}body.infographic-page .hero-card{padding:1.5rem}}@media(prefers-reduced-motion:reduce){body.not-found-page *,body.infographic-page *,body.dashboard-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}