/* IuVe / Genesis learning edition. Local fonts, no external runtime assets. */
@font-face{font-family:GenesisInter;src:url('/assets/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:GenesisDisplay;src:url('/assets/space-grotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--g-bg:#f6f8fc;--g-surface:#fff;--g-soft:#f0f4fa;--g-top:#ffffffed;--g-ink:#102039;--g-muted:#60718a;--g-soft-ink:#425770;--g-line:#dfe6f1;--g-line-strong:#c4d2e6;--g-primary:#0b5fff;--g-hover:#094ee0;--g-accent:#0891b2;--g-tint:#eaf1ff;--g-shadow:0 16px 50px #1329570c;--g-ok-bg:#e9f8f3;--g-ok:#13634f;--g-warn-bg:#fff6df;--g-warn:#775a1e;--g-hero-gradient:linear-gradient(110deg,#0b5fff 12%,#3973ef 50%,#0891b2 95%);color-scheme:light}
:root[data-theme=dark]{--g-bg:#080f1c;--g-surface:#101b2c;--g-soft:#142238;--g-top:#0c1525ee;--g-ink:#ecf3ff;--g-muted:#9bacc4;--g-soft-ink:#c0cde0;--g-line:#26354d;--g-line-strong:#3a4e6d;--g-primary:#5b95ff;--g-hover:#77a7ff;--g-accent:#3dd3df;--g-tint:#192e50;--g-shadow:0 20px 55px #0004;--g-ok-bg:#102c2a;--g-ok:#8cddc4;--g-warn-bg:#292619;--g-warn:#decd8c;--g-hero-gradient:linear-gradient(110deg,#6da3ff 12%,#91abff 50%,#54d7e4 95%);color-scheme:dark}
body{font-family:GenesisInter,'Segoe UI',Arial,sans-serif;background:var(--g-bg);color:var(--g-ink);-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.big-code,.stats-row strong{font-family:GenesisDisplay,GenesisInter,'Segoe UI',sans-serif}a,button{transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--g-primary)}.muted,.hero-lead,.auth-intro p,.step p,.faq p,.card-body>p{color:var(--g-muted)}.eyebrow{color:var(--g-primary);letter-spacing:.13em;font-size:10px}.brand{letter-spacing:-.025em;font-size:22px}.brand small{color:var(--g-muted);font-family:GenesisInter,sans-serif;font-size:8px;letter-spacing:.16em}.brandmark{background:linear-gradient(140deg,#0b5fff,#1441a0);border-radius:11px;box-shadow:0 5px 15px #0b5fff20;font-family:GenesisDisplay,sans-serif;font-weight:700;font-style:normal;font-size:31px;overflow:hidden}.brandmark:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#ffffff25,transparent 55%);pointer-events:none}.brandmark span{color:#6de9f1;font-size:14px}.btn{background:#0b5fff;border-color:#0b5fff;border-radius:10px;box-shadow:0 5px 15px #0b5fff18;padding:14px 21px;color:#fff;font-weight:600}.btn:hover{background:#094ee0;border-color:#094ee0;box-shadow:0 8px 25px #0b5fff26}.btn.ghost{color:var(--g-primary);border-color:var(--g-line-strong);background:transparent;box-shadow:none}.btn.ghost:hover{background:var(--g-tint)}.btn.light{background:#fff;color:#174586;border-color:#fff;box-shadow:none}.btn.light:hover{background:#eef5ff}.lang,.theme-toggle{border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-soft-ink);box-shadow:0 2px 5px #00000004}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border-radius:8px;flex-shrink:0}.theme-toggle svg{width:19px;height:19px}.theme-toggle:hover{background:var(--g-tint);color:var(--g-primary);border-color:var(--g-line-strong)}.theme-toggle[aria-pressed=true]{color:#8bb6ff}.demo-banner{background:var(--g-warn-bg);color:var(--g-warn);font-size:9px;letter-spacing:.055em;border:1px solid color-mix(in srgb,var(--g-warn) 12%,transparent)}.notice{background:var(--g-ok-bg);color:var(--g-ok);border-color:color-mix(in srgb,var(--g-ok) 25%,transparent)}.error{color:#dc624f}.field{color:var(--g-soft-ink);font-size:12px}input,select,textarea{color:var(--g-ink);background:var(--g-surface);border-color:var(--g-line-strong);border-radius:8px}input::placeholder,textarea::placeholder{color:var(--g-muted);opacity:.8}input:focus,select:focus,textarea:focus{border-color:var(--g-primary)}hr{border-color:var(--g-line)}.panel{background:var(--g-surface);border-color:var(--g-line);box-shadow:var(--g-shadow);border-radius:15px}.panel h2{font-size:24px}.panel p{color:var(--g-muted)}.panel .notice{color:var(--g-ok)}th{background:var(--g-soft);color:var(--g-muted)}td{border-color:var(--g-line)}td>small,.version-line>small{color:var(--g-muted)}.version-line,.report,.session-line{border-color:var(--g-line)}.session-line small,.report small{color:var(--g-muted)}.linkbtn{color:#d56b5c}.secret{background:var(--g-soft);color:var(--g-ink)}.qr{background:#fff;padding:12px;border-radius:14px;width:fit-content;margin:25px auto}.legal{line-height:1.8}
/* Public website */
body:not(.app-shell){background:var(--g-surface)}.public-header{padding:25px 36px;max-width:1320px;border-bottom:1px solid var(--g-line);min-height:100px}.public-header nav{color:var(--g-muted);gap:25px;font-size:12px}.public-header nav>a:hover{color:var(--g-primary)}.public-header .btn{color:white!important}.public-main{max-width:1320px;padding:0 36px;position:relative;isolation:isolate}.public-main>.demo-banner{margin:17px 0 0}.genesis-hero{grid-template-columns:1.02fr 1fr;gap:38px;padding:72px 0 65px;position:relative;min-height:660px}.genesis-hero:before{content:'';position:absolute;z-index:-1;top:-50px;right:-36px;width:75%;height:650px;background:radial-gradient(ellipse at 70% 45%,#0b5fff0a,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;font-weight:650;font-size:10px}.eyebrow-divider{color:var(--g-line-strong);padding:0 1px}.status-dot{width:6px;height:6px;background:#0b5fff;box-shadow:0 0 0 4px #0b5fff12;margin:0}.hero h1{font-size:clamp(45px,4.4vw,65px);line-height:1.06;letter-spacing:-.065em;margin:0 0 26px;font-weight:650;max-width:630px}.hero-gradient{display:block;background:var(--g-hero-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:5px}.hero-lead{font-size:16px;line-height:1.8;max-width:485px;font-weight:400}.hero-buttons{gap:23px;margin:31px 0 22px}.hero-buttons .btn{min-height:52px;padding:15px 22px}.hero-buttons .text-link{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--g-soft-ink)}.hero-proof{margin:0;gap:8px;color:var(--g-muted);font-size:10px}.hero-proof .icon{color:var(--g-accent);width:16px;height:16px}.hero-signature{display:flex;align-items:center;gap:15px;margin-top:38px}.iuve-wordmark{font-family:GenesisDisplay,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.07em;color:var(--g-ink)}.iuve-wordmark>span{font-size:12px;color:var(--g-primary);letter-spacing:-.02em;margin-left:3px;vertical-align:super}.signature-rule{height:27px;width:1px;background:var(--g-line)}.hero-signature>span:last-child{font-size:7px;letter-spacing:.14em;line-height:1.6;color:var(--g-muted)}.hero-signature strong{font-size:10px;letter-spacing:.025em;color:var(--g-soft-ink);font-weight:500}.genesis-stage{position:relative;min-width:0;height:500px;display:flex;align-items:center;padding-bottom:20px;isolation:isolate}.stage-aura{position:absolute;inset:20px -30px 5px;background:radial-gradient(ellipse at 50% 40%,#1a63ff29 0%,#41d3e514 44%,transparent 70%);z-index:-1;filter:blur(16px)}.stage-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--g-primary) 11%,transparent);border-radius:50%;width:490px;height:490px;left:20px;top:-10px;z-index:-1;pointer-events:none}.orbit-two{width:590px;height:590px;left:-30px;top:-60px;border-style:dashed;opacity:.6}.learning-window{background:#0c1729;border:1px solid #293f61;border-radius:16px;box-shadow:0 24px 60px #0d286c28,0 2px 6px #0d286c18;overflow:hidden;width:100%;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);color:#eef5ff}.window-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #243149;background:#101d32;font-size:7px;letter-spacing:.12em;color:#90a5c6}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#3e5476}.window-dots i:first-child{background:#6276a1}.window-lock{color:#54b6cc}.window-lock .icon{width:12px;height:12px}.window-layout{display:flex}.preview-rail{width:55px;flex-shrink:0;border-right:1px solid #1d2d46;background:#0e192c;padding:18px 11px;display:flex;align-items:center;flex-direction:column;gap:13px}.preview-logo{position:relative;background:linear-gradient(140deg,#2177ff,#1048b3);width:28px;height:30px;border-radius:7px;font-family:GenesisDisplay,sans-serif;font-size:21px;display:grid;place-items:center;font-weight:700;margin-bottom:10px}.preview-logo span{position:absolute;font-size:9px;top:0;right:2px;color:#82f1ff}.preview-nav{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;color:#5e759a}.preview-nav .icon{width:15px;height:15px}.preview-nav.selected{background:#1a3356;color:#7eb4ff}.preview-rail-line{width:16px;height:1px;background:#273a58;margin-top:auto}.preview-content{padding:23px 23px 20px;flex:1;min-width:0}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.preview-heading small{font-size:6px;letter-spacing:.1em;color:#7a94bd;display:block;margin-bottom:6px}.preview-heading strong{font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:17px;font-weight:500;letter-spacing:-.035em;display:block;line-height:1.3}.preview-avatar{border:1px solid #334867;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#172b48;color:#89b3ed;font-size:9px;flex-shrink:0}.preview-search{display:flex;align-items:center;gap:10px;background:#13233a;border:1px solid #2b3a55;border-radius:7px;padding:10px;color:#728bad;font-size:8px;margin-bottom:16px}.preview-search .icon{width:12px;height:12px;color:#6f9cdd}.preview-search kbd{margin-left:auto;border:1px solid #354766;border-radius:4px;padding:1px 5px;color:#9bb8de;font-family:inherit;font-size:9px}.preview-lesson{border:1px solid #2a3c5b;border-radius:9px;overflow:hidden;background:#122139}.lesson-graphic{height:131px;position:relative;background:radial-gradient(ellipse at 75% 25%,#14458566,transparent 65%),#14233b;overflow:hidden}.lesson-graphic svg{position:absolute;width:100%;height:100%;inset:0}.lesson-graphic-label{position:absolute;font-size:6px;letter-spacing:.13em;color:#7a9bc9;left:14px;bottom:13px}.lesson-badge{position:absolute;top:12px;right:13px;border:1px solid #659aee44;border-radius:6px;padding:2px 8px;color:#b4d2ff;background:#19396399;font-family:GenesisDisplay,sans-serif;font-size:15px}.preview-lesson-text{padding:14px 15px 13px}.preview-lesson-text>span{font-size:6px;letter-spacing:.12em;color:#7092c0}.preview-lesson-text>strong{font-size:13px;font-weight:500;display:block;margin:7px 0 12px;letter-spacing:-.015em}.preview-progress{height:3px;background:#243954;border-radius:5px;overflow:hidden}.preview-progress i{display:block;width:57%;height:100%;background:linear-gradient(90deg,#2678ff,#38ced9)}.preview-lesson-footer{display:flex;justify-content:space-between;font-size:7px;color:#809abc;margin-top:9px}.preview-lesson-footer>span:last-child{color:#78c5eb}.preview-bottom{display:flex;gap:7px;align-items:center;margin-top:16px}.preview-category{border:1px solid #304260;border-radius:5px;color:#89a5cb;padding:3px 9px;font-size:7px}.preview-category.active{background:#1d4380;color:#c8e1ff;border-color:#3267ad}.preview-more{color:#6e86aa;font-size:6px;margin-left:auto}.stage-note{position:absolute;bottom:20px;left:-13px;right:32px;z-index:2;display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--g-line-strong);background:var(--g-surface);border-radius:11px;box-shadow:0 12px 35px #112b5d1a}.stage-note>.icon{width:28px;height:28px;color:var(--g-primary);background:var(--g-tint);box-sizing:content-box;padding:8px;border-radius:9px}.stage-note strong{font-size:12px;font-weight:600;display:block}.stage-note small{font-size:9px;color:var(--g-muted);display:block;margin-top:4px}.note-check{margin-left:auto;color:var(--g-accent);background:var(--g-ok-bg);border-radius:50%;padding:4px;display:flex}.note-check .icon{width:14px;height:14px}.preview-disclaimer{position:absolute;bottom:-7px;left:5px;font-size:6px;letter-spacing:.08em;color:var(--g-muted)}.value-strip{border-color:var(--g-line);padding:29px 0;margin-top:10px}.value-strip div{border-color:var(--g-line);color:var(--g-soft-ink);font-size:12px}.value-strip strong{color:var(--g-primary);font-family:GenesisDisplay,sans-serif;background:var(--g-tint);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.section{padding:84px 0}.section-head h2{font-size:38px;letter-spacing:-.055em}.step{padding:26px 25px;background:var(--g-bg);border:1px solid var(--g-line);border-radius:14px}.three-cols{gap:22px}.step-number{background:var(--g-tint);color:var(--g-primary);font-family:GenesisDisplay,sans-serif;border:1px solid color-mix(in srgb,var(--g-primary) 12%,transparent);margin-bottom:25px}.step h3{font-size:21px}.step p{font-size:13px;line-height:1.8;margin:0}.categories-public{border-color:var(--g-line);grid-template-columns:1fr 1fr;gap:50px}.categories-public h2{font-size:34px;letter-spacing:-.05em}.category-pills{gap:10px}.category-pills span{border-color:var(--g-line-strong);background:var(--g-surface);color:var(--g-soft-ink);font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:15px;padding:12px 22px}.category-pills span:nth-child(2){background:var(--g-primary);color:var(--g-bg);border-color:var(--g-primary)}.faq details{border-color:var(--g-line);padding:23px 0}.faq h2{font-size:32px}.faq summary{font-size:15px}.faq p{font-size:14px}.cta-band{padding:46px;background:radial-gradient(ellipse at 100% 0,#2277e140,transparent 70%),#0e203d;border:1px solid #274777;border-radius:18px;position:relative;overflow:hidden}.cta-band:after{content:'';width:300px;height:300px;position:absolute;right:-170px;top:-120px;border:1px solid #619eff25;border-radius:50%;pointer-events:none}.cta-band .eyebrow{color:#6fa9ff}.cta-band h2{font-size:31px;color:#f2f6ff;max-width:650px}.cta-band p:not(.eyebrow){color:#98acc9}.public-footer{max-width:1320px;border-top:1px solid var(--g-line);padding:28px 36px 35px;align-items:center}.public-footer>div{color:var(--g-muted);gap:23px;font-size:10px}.footer-genesis{font-size:9px;color:var(--g-soft-ink);line-height:1.6}.footer-genesis b{display:block;font-size:8px;color:var(--g-muted);font-weight:400}.auth-layout{padding:70px 0 100px;gap:80px}.auth-intro h1{font-size:58px;letter-spacing:-.06em}.auth-intro .eyebrow{color:var(--g-primary)}.auth-badge,.auth-links{color:var(--g-primary)}.auth-panel{box-shadow:0 25px 70px #0b5fff0b}.demo-access{background:var(--g-soft);border:1px solid var(--g-line)}
/* Shared cabinet, teacher space and administration */
.sidebar{width:260px;background:var(--g-surface);border-color:var(--g-line);padding:28px 18px 20px}.sidebar .brand{font-size:20px;margin-bottom:35px}.school-label{color:var(--g-muted);font-size:8px}.navitem{font-size:11px;color:var(--g-soft-ink);padding:11px 12px;gap:11px}.navitem:hover{background:var(--g-soft);color:var(--g-primary)}.navitem.selected{background:var(--g-tint);color:var(--g-primary);font-weight:600;box-shadow:inset 3px 0 var(--g-primary)}.navitem .icon{width:17px;height:17px}.navlabel{font-size:8px;color:var(--g-muted);margin-top:27px}.new{background:var(--g-tint);color:var(--g-primary);font-size:6px;letter-spacing:.07em}.cat-code{border-color:var(--g-line-strong);background:var(--g-soft);color:var(--g-muted);font-size:7px;min-width:30px;max-width:68px;flex-shrink:0}.category-link{font-size:9px;line-height:1.5;padding:8px 12px}.secondary{color:var(--g-muted);font-size:10px;padding:8px 12px}.sidebar-foot{border-color:var(--g-line);color:var(--g-muted)}.sidebar-foot .icon{color:var(--g-primary)}.workspace{margin-left:260px}.app-header{background:var(--g-top);border-color:var(--g-line);height:82px;backdrop-filter:blur(12px)}.crumb{color:var(--g-muted);font-size:10px}.crumb span{color:var(--g-line-strong)}.header-actions{gap:16px}.avatar{background:linear-gradient(140deg,#0b5fff22,#0891b219);color:var(--g-primary);border:1px solid color-mix(in srgb,var(--g-primary) 15%,transparent)}.profile-pill{color:var(--g-ink);font-size:10px}.profile-pill small{color:var(--g-muted);font-size:8px}.iconbtn{color:var(--g-muted)}.iconbtn:hover{background:var(--g-tint);color:var(--g-primary)}.main-content{padding:37px}.page-heading .eyebrow{font-size:9px;margin-bottom:12px}.page-heading h1{font-size:36px;letter-spacing:-.055em}.page-heading .muted{font-size:12px}.stats-row{gap:19px}.stats-row>div{background:var(--g-surface);border-color:var(--g-line);padding:21px 20px;border-radius:12px;box-shadow:0 3px 12px #122b4f03}.stat-icon{background:var(--g-tint);color:var(--g-primary);padding:11px}.stats-row strong{font-size:30px;color:var(--g-ink)}.stats-row>div>span:last-child{color:var(--g-muted);font-size:10px}.search-box{background:var(--g-surface);border-color:var(--g-line-strong);border-radius:12px;box-shadow:0 5px 25px #153a7004;padding:17px 20px 0}.search-box>.icon{color:var(--g-primary);width:20px;height:20px}.search-box>input{font-size:13px;color:var(--g-ink)}.search-box .btn{font-size:12px;min-height:40px}.filters{border-color:var(--g-line);gap:9px}.filters select{background:var(--g-soft);border-color:var(--g-line);color:var(--g-soft-ink);font-size:9px}.continue-banner{background:radial-gradient(ellipse at 100% 20%,#164c8e,transparent 80%),#102a50;border:1px solid #2c5283;border-radius:13px;color:#eef6ff}.continue-symbol{background:#2861ab44;color:#91c6ff}.continue-banner .eyebrow{color:#78b2f5}.continue-banner p{color:#a6bcda}.continue-banner .btn{font-size:10px}.list-heading h2{font-size:23px;letter-spacing:-.035em}.list-heading h2 span{background:var(--g-tint);color:var(--g-primary);font-family:GenesisInter,sans-serif;font-size:10px}.list-heading>.muted{color:var(--g-muted)}.material-grid{gap:22px}.material-card{background:var(--g-surface);border-color:var(--g-line);border-radius:13px}.material-card:hover{border-color:color-mix(in srgb,var(--g-primary) 40%,var(--g-line));box-shadow:0 16px 35px #0b5fff0c;transform:translateY(-4px)}.card-visual{height:170px;background:linear-gradient(125deg,#e7efff,#dce8ff)}.card-visual:before,.card-visual:after{border-color:#6591d52e;width:190px;height:190px}.card-visual:after{width:235px;height:235px;top:-5px;right:-70px}.card-visual:before{right:-47px;top:18px}.tone-1{background:linear-gradient(125deg,#e9effc,#d9e5ff)}.tone-2{background:linear-gradient(125deg,#e2f2f6,#d6ecf3)}.tone-3{background:linear-gradient(125deg,#e9eafa,#e0e3fb)}.tone-0{background:linear-gradient(125deg,#e4f2ee,#d7ebe7)}.big-code{font-size:66px;top:27px;color:#2b5a9b;font-weight:600;letter-spacing:-.075em}.tone-1 .big-code{color:#2f5c9c}.tone-2 .big-code{color:#347b89}.tone-3 .big-code{color:#575e9e}.tone-0 .big-code{color:#397766}.material-type{color:#6785b3;font-size:6px}.bookmark{background:#ffffff80;color:#5c77a5;border:1px solid #ffffff40}.bookmark.active{background:#0b5fff;color:white;border-color:#0b5fff}.bookmark:hover{background:#fff;color:#0b5fff}.card-visual-foot{color:#5279ad;font-size:7px}.card-visual-foot>span{font-size:6px}.card-body{padding:22px}.card-meta{color:var(--g-muted);font-size:8px;gap:8px}.card-meta span{color:var(--g-line-strong)}.card-body h3{font-size:18px;line-height:1.35;letter-spacing:-.035em;font-weight:550;min-height:48px}.card-body>p{font-size:11px;line-height:1.8;min-height:40px}.progressbar{background:var(--g-soft);height:4px}.progressbar span{background:linear-gradient(90deg,#0b5fff,#19a8bd)}.card-bottom{color:var(--g-muted);font-size:9px}.card-bottom a{color:var(--g-primary);font-size:9px}.empty{color:var(--g-muted)}.empty>.icon{color:var(--g-primary)}.journey-intro{background:var(--g-tint);border:1px solid var(--g-line);color:var(--g-ink)}.journey-intro p{color:var(--g-muted)}.journey-step{background:var(--g-surface);border-color:var(--g-line)}.journey-step:hover{border-color:var(--g-primary)}.journey-number{background:var(--g-tint);color:var(--g-primary);font-family:GenesisDisplay,sans-serif}.journey-step small,.journey-step>span:nth-child(2)>span{color:var(--g-muted)}.journey-step>.icon{color:var(--g-primary)}.viewer{background:var(--g-soft);border-color:var(--g-line-strong)}.viewer-toolbar{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)}.viewer-toolbar input{background:var(--g-soft);border-color:var(--g-line)}#viewer-status{color:var(--g-muted)}.viewer-heading h1{font-size:29px}.back-link{color:var(--g-primary)}.viewer-footer>span{color:var(--g-muted)}.page-stage img{box-shadow:0 10px 35px #001b4020}.tour-start{border-color:var(--g-line);color:var(--g-primary);background:var(--g-tint)}.tour-start span{border-color:var(--g-primary)}.tour-dialog{color:var(--g-ink)}.tour-card{background:var(--g-surface);border-color:var(--g-line-strong);box-shadow:0 20px 85px #001a3f60}.tour-top{color:var(--g-primary)}.tour-card p,.tour-skip{color:var(--g-muted)}.tour-spot{border-color:#51a4ff;box-shadow:0 0 0 9999px #07192a24}.tour-card h2{font-size:25px}.tour-actions .btn{font-size:12px}
/* Dark surfaces use the same blue/cyan identity, with neutral document pages. */
[data-theme=dark] .genesis-hero:before{background:radial-gradient(ellipse at 70% 45%,#0b5fff16,transparent 65%)}[data-theme=dark] .stage-aura{background:radial-gradient(ellipse at 50% 40%,#1a63ff3d 0%,#41d3e51f 44%,transparent 70%)}[data-theme=dark] .learning-window{box-shadow:0 28px 65px #0006,0 0 60px #0b5fff0e;border-color:#36527a}[data-theme=dark] .stage-note{background:#142139;border-color:#375074;box-shadow:0 20px 40px #0005}[data-theme=dark] .card-visual{background:linear-gradient(125deg,#182c4a,#203c65)}[data-theme=dark] .tone-2{background:linear-gradient(125deg,#122b36,#1b414c)}[data-theme=dark] .tone-3{background:linear-gradient(125deg,#262942,#30375b)}[data-theme=dark] .tone-0{background:linear-gradient(125deg,#17322e,#21473e)}[data-theme=dark] .big-code,[data-theme=dark] .tone-1 .big-code{color:#83a9e0}[data-theme=dark] .tone-2 .big-code{color:#75bcc9}[data-theme=dark] .tone-3 .big-code{color:#9da4e0}[data-theme=dark] .tone-0 .big-code{color:#7bb7a4}[data-theme=dark] .card-visual-foot,[data-theme=dark] .material-type{color:#87a0c6}[data-theme=dark] .card-visual:before,[data-theme=dark] .card-visual:after{border-color:#83aeef20}[data-theme=dark] .bookmark{background:#0e1a2d66;border-color:#6685b233;color:#a3b9d9}[data-theme=dark] .bookmark.active{background:#0b5fff;color:#fff}[data-theme=dark] .categories-public .category-pills span:nth-child(2){color:#fff;background:#0b5fff}[data-theme=dark] .panel .error{color:#f48e7e}
@media(min-width:1600px){.main-content{padding:46px 60px}.card-visual{height:185px}}
@media(max-width:1200px){.hero h1{font-size:53px}.genesis-hero{gap:35px;min-height:600px;padding:65px 0}.genesis-stage{height:470px}.preview-content{padding:19px 17px}.preview-heading strong{font-size:15px}.stage-note{left:-10px;right:8px}.hero-buttons{flex-wrap:wrap;gap:18px}.main-content{padding:28px}.card-body h3{font-size:17px}.stats-row>div{padding:17px 15px}.app-header{padding:0 25px}.header-actions{gap:12px}.auth-layout{gap:50px}.public-header nav{gap:20px}}
@media(max-width:900px){.workspace{margin:0}.app-header{height:72px;padding:0 20px}.genesis-hero{grid-template-columns:1fr;gap:25px;padding:50px 0 55px}.hero-copy{max-width:690px}.hero h1{font-size:62px;max-width:680px}.hero-lead{max-width:570px}.hero-signature{margin-top:28px}.genesis-stage{width:min(540px,100%);height:500px;margin:0 auto}.learning-window{transform:none}.stage-orbit{left:30px}.orbit-two{left:-20px}.genesis-hero:before{width:100%;right:-25px}.public-header{padding:23px 25px;min-height:85px}.public-header nav{gap:13px}.public-main{padding:0 25px}.categories-public{grid-template-columns:1fr;gap:25px}.section{padding:55px 0}.auth-layout{grid-template-columns:1fr;gap:35px;padding-top:40px}.auth-intro h1{font-size:43px}.public-footer{padding:25px;align-items:start}.stage-note{left:-10px;right:20px}.three-cols{gap:15px}.step{padding:24px 19px}.step h3{font-size:19px}}
@media(max-width:600px){.public-header{padding:20px;min-height:78px}.public-header .brand{font-size:17px}.public-header .brand small{font-size:6px}.public-header nav{gap:8px}.public-header .btn{min-width:35px;padding:8px;width:35px;font-size:0}.public-header .btn:after{content:'↗';font-size:17px}.public-header .theme-toggle{width:30px;height:30px;padding:6px}.public-header .lang{font-size:10px;padding:5px 7px}.public-main{padding:0 20px}.public-main>.demo-banner{margin-top:13px;font-size:7px;padding:7px}.genesis-hero{padding:40px 0 42px;gap:25px;min-height:0}.hero .eyebrow{font-size:8px;gap:8px;margin-bottom:21px}.hero h1{font-size:44px;line-height:1.1;letter-spacing:-.065em;margin-bottom:22px}.hero-lead{font-size:13px;line-height:1.9}.hero-buttons{gap:16px;margin:25px 0 20px;align-items:center}.hero-buttons .btn{padding:12px 17px;font-size:12px;min-height:46px}.hero-buttons .text-link{font-size:10px}.hero-proof{font-size:9px}.hero-signature{margin-top:28px}.iuve-wordmark{font-size:22px}.genesis-stage{height:413px;margin:5px auto 0}.window-top{padding:0 12px;height:34px;font-size:6px}.preview-rail{width:43px;padding:14px 8px;gap:9px}.preview-logo{width:25px;height:26px;font-size:18px}.preview-nav{width:24px;height:24px}.preview-nav .icon{width:13px;height:13px}.preview-content{padding:17px 13px 15px}.preview-heading{margin-bottom:12px;gap:6px}.preview-heading small{font-size:5px;letter-spacing:.07em}.preview-heading strong{font-size:12px;line-height:1.35}.preview-avatar{width:21px;height:21px;font-size:8px}.preview-search{font-size:7px;padding:8px;margin-bottom:12px;gap:6px}.preview-search kbd{font-size:7px}.preview-search .icon{width:10px;height:10px}.lesson-graphic{height:105px}.preview-lesson-text{padding:11px 11px 10px}.preview-lesson-text>strong{font-size:11px;margin:6px 0 10px}.preview-lesson-text>span{font-size:5px}.preview-lesson-footer{font-size:6px}.preview-bottom{gap:5px;margin-top:12px;flex-wrap:wrap}.preview-category{padding:2px 6px;font-size:6px}.preview-more{font-size:5px}.stage-note{left:-5px;right:12px;bottom:8px;padding:12px;gap:10px}.stage-note>.icon{width:20px;height:20px;padding:7px}.stage-note strong{font-size:10px}.stage-note small{font-size:7px}.stage-orbit{width:340px;height:340px;left:0;top:10px}.orbit-two{width:420px;height:420px;left:-40px;top:-30px}.stage-aura{inset:0 -20px}.preview-disclaimer{font-size:5px;bottom:-12px}.value-strip{padding:24px 0;gap:18px;margin-top:20px}.value-strip div{padding:0;font-size:11px;gap:12px}.value-strip strong{width:25px;height:25px;font-size:9px}.section-head h2{font-size:29px}.three-cols{grid-template-columns:1fr;gap:15px}.step{display:grid;grid-template-columns:40px 1fr;gap:0 15px;padding:23px}.step-number{margin:0}.step h3{font-size:20px}.step p{font-size:12px}.categories-public h2{font-size:29px}.category-pills span{padding:10px 18px;font-size:13px}.faq h2{font-size:29px}.faq summary{font-size:13px}.faq p{font-size:12px;line-height:1.8}.cta-band{padding:30px 25px;gap:20px;margin-bottom:45px}.cta-band h2{font-size:27px}.cta-band .eyebrow{font-size:8px;line-height:1.8}.cta-band p:not(.eyebrow){font-size:11px}.public-footer{padding:25px 20px;gap:22px}.public-footer>div{gap:15px;font-size:9px}.auth-intro h1{font-size:38px}.auth-panel{padding:26px}.main-content{padding:24px 18px}.app-header{height:70px;padding:0 15px}.header-actions{gap:8px}.header-actions .theme-toggle{width:30px;height:30px;padding:6px}.header-actions .profile-pill>span:last-child{max-width:95px}.header-actions .avatar{width:28px;height:28px;font-size:11px}.header-actions .lang{font-size:10px;padding:6px 7px}.header-actions .tour-start{font-size:9px;padding:6px 7px}.header-actions .iconbtn{padding:6px;min-width:28px}.profile-pill{gap:7px;font-size:9px}.profile-pill small{font-size:7px}.page-heading h1{font-size:31px}.page-heading .eyebrow{font-size:8px}.page-heading .muted{font-size:11px;line-height:1.8}.stats-row{gap:8px}.stats-row>div{padding:14px 10px;gap:5px}.stats-row strong{font-size:26px}.stats-row>div>span:last-child{font-size:8px;line-height:1.6}.search-box{padding:13px 13px 0;gap:8px}.search-box>input{font-size:11px}.search-box .btn{font-size:10px;min-height:34px;padding:8px 11px}.filters{gap:7px}.filters select{font-size:9px}.material-grid{gap:20px}.card-body h3{font-size:21px;min-height:0}.card-body>p{font-size:12px;min-height:0}.card-meta{font-size:9px}.card-bottom,.card-bottom a{font-size:10px}.card-visual{height:180px}.big-code{font-size:75px}.card-visual-foot{font-size:8px}.card-visual-foot>span{font-size:7px}.material-type{font-size:7px}.list-heading h2{font-size:23px}.panel{padding:22px 18px}.tour-card{padding:22px}.tour-card h2{font-size:23px}.viewer-heading h1{font-size:26px}.continue-banner{padding:22px;gap:15px}.continue-banner h3{font-size:19px}.continue-banner .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.learning-window{transform:none}}

.public-main{overflow-x:clip}
/* Comfortable reading sizes for the actual controls; tiny mockup labels are illustrative. */
.public-header nav{font-size:13px}.hero-buttons .text-link{font-size:12px}.navitem{font-size:12px}.category-link{font-size:10.5px;line-height:1.5}.secondary{font-size:11px}.navlabel,.school-label{font-size:9px}.sidebar-foot{font-size:10px}.search-box>input{font-size:14px}.filters select{font-size:11px;padding:8px 10px}.profile-pill{font-size:11px}.profile-pill small{font-size:9px}.card-meta{font-size:10px}.card-body>p{font-size:12px}.card-bottom,.card-bottom a{font-size:11px}.material-type{font-size:8px;color:#3d5d8d}.card-visual-foot{font-size:8px;color:#3d5d8d}.card-visual-foot>span{font-size:7px}.public-footer>div{font-size:11px}.footer-genesis{font-size:10px}.footer-genesis b{font-size:9px}.stats-row>div>span:last-child{font-size:11px}.list-heading>.muted{font-size:11px}.page-heading .muted{font-size:13px}
@media(max-width:600px){.public-header nav{font-size:11px}.hero-buttons .text-link{font-size:11px}.navitem{font-size:12px}.category-link{font-size:10.5px}.search-box>input{font-size:12px}.filters select{font-size:10px}.profile-pill{font-size:10px}.profile-pill small{font-size:8px}.stats-row>div>span:last-child{font-size:9px}.public-footer>div{font-size:10px}}
@media(max-width:600px){.header-actions .profile-pill>span:last-child{display:none}.header-actions .profile-pill{gap:0}}
.language-setting{margin:0 0 6px;padding:21px;border:1px solid var(--g-line);border-radius:11px;background:var(--g-soft)}.language-setting legend{font-size:12px;font-weight:600;color:var(--g-ink);padding:0 8px}.language-setting p{font-size:13px;margin:0 0 16px}.language-setting small{font-size:11px;display:block;color:var(--g-muted);margin-top:12px;line-height:1.7}.toggle-row{display:flex;align-items:center;gap:11px;font-size:13px;cursor:pointer}.toggle-row input[type=checkbox]{appearance:auto;width:18px;height:18px;min-width:18px;accent-color:#0b5fff;margin:0}
/* Learning suite */
.exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.exam-card{margin:0;display:flex;flex-direction:column;gap:8px}.exam-card h2{font-size:24px}.exam-rules{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.exam-rules span{padding:6px 9px;background:var(--g-soft);border:1px solid var(--g-line);border-radius:6px;color:var(--g-muted);font-size:11px}.attempt-link{display:block;border-top:1px solid var(--g-line);padding:10px 0;color:var(--g-primary);font-size:12px}.exam-sticky{position:sticky;top:10px;z-index:6;background:var(--g-surface);border:1px solid var(--g-line-strong);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--g-shadow);margin:24px 0}.exam-sticky>span:first-child{font-size:12px}.exam-sticky strong{font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:23px;margin-left:10px;color:var(--g-primary)}#exam-save-state{font-size:11px;color:var(--g-muted)}.exam-question{margin:25px 0;padding:28px}.exam-question legend{padding:0 12px;font-size:11px;color:var(--g-primary);font-weight:600}.exam-question h2{font-size:23px;line-height:1.4}.answer-option{display:flex;align-items:center;gap:14px;background:var(--g-soft);border:1px solid var(--g-line);padding:15px;border-radius:9px;margin:12px 0;cursor:pointer;font-size:14px}.answer-option:has(input:checked){border-color:var(--g-primary);background:var(--g-tint)}.answer-option input[type=checkbox]{width:18px;height:18px;min-width:18px;accent-color:#0b5fff}.answer-option small{margin-left:auto;color:var(--g-accent);font-size:10px}.answer-explanation{border-top:1px solid var(--g-line);padding-top:20px;margin-top:20px;font-size:13px}.answer-explanation p{margin:10px 0 0}.exam-result{display:flex;gap:30px;align-items:center}.result-score{font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:55px;color:var(--g-primary)}.exam-result.passed{border-color:#1fbf9655}.exam-result.not-passed{border-color:#c8994055}.question-bank-row{padding:20px 0;border-top:1px solid var(--g-line)}.question-bank-row p{font-size:13px;margin-top:12px}.learning-video{width:100%;max-height:75vh;border-radius:12px;background:#000;display:block}.video-stage{position:relative;overflow:hidden;margin:18px 0}.video-watermark{position:absolute;top:15%;left:8%;font-size:clamp(10px,1.8vw,19px);color:#fff9;pointer-events:none;text-shadow:0 1px 4px #0008;transform:rotate(-10deg)}#video-status{font-size:12px;color:var(--g-muted)}.analytics-chart{display:flex;flex-direction:column;gap:15px}.analytics-bar{display:flex;gap:12px;align-items:center;font-size:10px}.analytics-bar>span{width:80px;flex-shrink:0;color:var(--g-muted)}.analytics-bar>div{flex:1;background:var(--g-soft);height:13px;border-radius:4px;overflow:hidden}.analytics-bar i{display:block;height:100%;background:linear-gradient(90deg,#0b5fff,#19b5c1);border-radius:4px}.analytics-bar strong{min-width:20px;text-align:right}.one-time-secret{overflow-wrap:anywhere;font-size:13px}.module-nav-heading{font-size:9px;letter-spacing:.12em;color:var(--g-muted);margin:25px 12px 10px}@media(max-width:700px){.exam-grid{grid-template-columns:1fr}.exam-sticky{padding:12px;gap:9px;flex-wrap:wrap;top:0}.exam-sticky strong{font-size:22px}#exam-save-state{width:100%;order:3;font-size:10px}.exam-question{padding:20px}.exam-question h2{font-size:21px}.answer-option{font-size:13px;gap:10px;padding:13px}.exam-result{gap:20px;align-items:start}.result-score{font-size:39px}.exam-result h2{font-size:24px}.exam-result p{font-size:12px}.learning-video{min-height:190px}.analytics-bar>span{width:69px;font-size:9px}}

/* Learning companion */
.study-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(125deg,var(--g-surface),var(--g-bg));border-top:3px solid #0b5fff}.study-ring{display:grid;gap:4px;text-align:center;padding:20px;border:5px solid #0b5fff;border-radius:24px;max-width:200px}.study-ring strong{font-size:38px;color:var(--g-ink)}.study-ring span{font-size:12px;color:var(--g-muted)}.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.study-card{display:flex;flex-direction:column;align-items:flex-start}.study-card p:not(.eyebrow){flex:1}.study-card h2{font-size:23px}.study-card .btn{margin-top:12px}@media(max-width:1050px){.study-grid{grid-template-columns:1fr}}@media(max-width:550px){.study-overview{align-items:flex-start;flex-direction:column}.study-ring{max-width:none;width:100%}}

/* Step 2 · Admin control room — Genesis CMS parity */
body.app-shell .sidebar{background:linear-gradient(180deg,#0c1729 0%,#101d32 100%);border-right:1px solid #243149;color:#eef5ff}
body.app-shell .sidebar .brand{color:#f2f6ff}
body.app-shell .sidebar .brand small{color:#90a5c6}
body.app-shell .sidebar .brandmark{background:linear-gradient(140deg,#0b5fff,#1441a0);box-shadow:0 8px 20px #0b5fff33}
body.app-shell .school-label{color:#7a94bd}
body.app-shell .navitem{color:#9eb2cf}
body.app-shell .navitem:hover{background:#1a3356;color:#c8e1ff}
body.app-shell .navitem.selected{background:#1d4380;color:#fff;box-shadow:inset 3px 0 #6da3ff}
body.app-shell .navlabel,.module-nav-heading{color:#6e86aa}
body.app-shell .navitem .new{background:#1a3356;color:#7eb4ff}
body.app-shell .cat-code{background:#142338;border-color:#304260;color:#89a5cb}
body.app-shell .secondary{color:#7a94bd}
body.app-shell .sidebar-foot{border-color:#243149;color:#7a94bd}
body.app-shell .sidebar-foot .icon{color:#6da3ff}
body.app-shell .workspace{background:var(--g-bg)}
body.app-shell .app-header{background:color-mix(in srgb,var(--g-surface) 88%,transparent);backdrop-filter:blur(14px)}
.admin-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.admin-quick a{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;background:var(--g-surface);border:1px solid var(--g-line);border-radius:13px;box-shadow:0 8px 24px #122b4f06;text-decoration:none;color:var(--g-ink);transition:transform .15s,border-color .15s,box-shadow .15s}
.admin-quick a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-primary) 35%,var(--g-line));box-shadow:0 14px 30px #0b5fff0c}
.admin-quick .eyebrow{margin:0;color:var(--g-primary)}
.admin-quick strong{font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:18px;letter-spacing:-.03em}
.admin-quick span{font-size:12px;color:var(--g-muted);line-height:1.5}
.stats-row>div{position:relative;overflow:hidden}
.stats-row>div:before{content:'';position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;border:1px solid color-mix(in srgb,var(--g-primary) 14%,transparent);pointer-events:none}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.panel-head h2{margin:0}
.panel summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:18px;letter-spacing:-.02em;color:var(--g-ink)}
.panel summary::-webkit-details-marker{display:none}
.panel summary:after{content:'＋';font-size:16px;color:var(--g-primary);font-weight:600}
.panel[open]>summary:after{content:'–'}
.app-shell table{border:1px solid var(--g-line);border-radius:12px;overflow:hidden;background:var(--g-surface)}
.app-shell thead th{background:var(--g-soft);font-size:10px;letter-spacing:.06em}
.app-shell tbody tr:hover{background:color-mix(in srgb,var(--g-tint) 55%,transparent)}
.app-shell .table-scroll{border-radius:12px}
.system-state{display:grid;gap:10px}
.system-state>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--g-line);font-size:13px}
.system-state>div:last-child{border-bottom:0}
.system-state span{color:var(--g-muted)}
.system-state strong{font-weight:600;color:var(--g-ink);text-align:right}
.health-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:650;background:var(--g-ok-bg);color:var(--g-ok);border:1px solid color-mix(in srgb,var(--g-ok) 20%,transparent)}
.health-pill.warn{background:var(--g-warn-bg);color:var(--g-warn);border-color:color-mix(in srgb,var(--g-warn) 20%,transparent)}
@media(max-width:900px){.admin-quick{grid-template-columns:1fr}.system-state>div{flex-direction:column;gap:4px}.system-state strong{text-align:left}}
@media(max-width:600px){body.app-shell .sidebar{background:#0c1729}}

/* Step 3 · Admin forms, tables, settings */
.app-shell .panel{padding:26px 24px}
.app-shell .panel>p.muted,.app-shell .panel>p:not(.eyebrow){font-size:13px;line-height:1.65}
.app-shell .form-grid{gap:16px 18px;margin-top:18px}
.app-shell .stack-form{gap:14px}
.app-shell .field{font-size:12px;font-weight:650;color:var(--g-soft-ink);gap:8px}
.app-shell input:not([type=checkbox]):not([type=radio]),
.app-shell select,
.app-shell textarea{border:1px solid var(--g-line-strong);border-radius:10px;padding:12px 13px;background:var(--g-surface);transition:border-color .16s,box-shadow .16s}
.app-shell input:not([type=checkbox]):not([type=radio]):focus,
.app-shell select:focus,
.app-shell textarea:focus{border-color:var(--g-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--g-primary) 14%,transparent);outline:none}
.app-shell input[type=file]{padding:10px;background:var(--g-soft)}
.app-shell input[type=file]::file-selector-button{border:0;border-radius:8px;padding:8px 12px;margin-right:10px;background:var(--g-tint);color:var(--g-primary);font-weight:650;cursor:pointer}
.app-shell .inline-form{gap:8px;margin:10px 0}
.app-shell .inline-form .btn.tiny{min-height:34px}
.app-shell .btn.tiny.ghost{border-radius:8px}
.app-shell td .inline-form{flex-wrap:wrap}
.app-shell .list-heading{margin:0 0 18px}
.app-shell .list-heading a{color:var(--g-primary);font-size:12px;font-weight:650}
.app-shell .version-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--g-line)}
.app-shell .version-line:last-child{border-bottom:0}
.app-shell .report{padding:16px 0;border-top:1px solid var(--g-line)}
.app-shell .report:first-of-type{border-top:0}
.app-shell .language-setting{background:var(--g-soft);border:1px solid var(--g-line);border-radius:12px}
.app-shell details.panel{padding:0;overflow:hidden}
.app-shell details.panel>summary{padding:20px 24px;background:linear-gradient(180deg,var(--g-surface),var(--g-soft));border-bottom:1px solid transparent}
.app-shell details.panel[open]>summary{border-bottom-color:var(--g-line)}
.app-shell details.panel>.form-grid,
.app-shell details.panel>.stack-form,
.app-shell details.panel>form,
.app-shell details.panel>p{padding:8px 24px 22px}
.app-shell details.panel>.form-grid{padding-top:18px}
.page-heading .eyebrow{color:var(--g-primary)}

/* Step 4 · Auth + public consistency */
.auth-layout{align-items:center}
.auth-intro .eyebrow{color:var(--g-primary)}
.auth-panel{border-radius:16px;box-shadow:0 24px 70px #0b5fff0d;border:1px solid var(--g-line)}
.auth-panel h1,.auth-panel h2{letter-spacing:-.04em}
.auth-links a{color:var(--g-primary);font-weight:600}
.demo-access{background:var(--g-soft);border:1px solid var(--g-line);border-radius:10px}
.auth-badge{color:var(--g-primary)}
.match-code{color:var(--g-primary);font-family:GenesisDisplay,GenesisInter,sans-serif}

/* Brand mark · AUTOTEST + IuVe Genesis */
.brand{align-items:flex-start;gap:12px}
.brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.brand-copy strong{font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.brand-copy small{margin:0;font-size:8px;letter-spacing:.16em;color:var(--g-muted);font-family:GenesisInter,sans-serif;font-weight:600}
.brand-iuve{font-style:normal;font-size:9px;letter-spacing:.04em;color:var(--g-primary);font-weight:650;font-family:GenesisDisplay,GenesisInter,sans-serif}
.brandmark{font-style:normal!important;border-radius:12px}
body.app-shell .brand-copy strong{color:#f2f6ff}
body.app-shell .brand-copy small{color:#90a5c6}
body.app-shell .brand-iuve{color:#6da3ff}
.shell-foot{display:flex;align-items:center;gap:14px;padding:18px 37px 28px;border-top:1px solid var(--g-line);color:var(--g-muted);font-size:11px}
.shell-foot .iuve-wordmark{font-size:18px}
.shell-foot .iuve-wordmark>span{font-size:9px}
@media(max-width:600px){.shell-foot{padding:16px 18px 22px;flex-wrap:wrap}.brand-copy strong{font-size:16px}}

/* Study + exams surfaces */
.study-overview{border:1px solid var(--g-line);border-radius:16px;padding:28px;box-shadow:var(--g-shadow)}
.study-ring{border-color:var(--g-primary);background:var(--g-tint)}
.study-card{position:relative;overflow:hidden;border-top:3px solid transparent;transition:transform .15s,border-color .15s,box-shadow .15s}
.study-card:hover{transform:translateY(-2px);border-top-color:var(--g-primary);box-shadow:0 16px 36px #0b5fff0c}
.study-card .eyebrow{color:var(--g-primary)}
.study-card:nth-child(1){border-top-color:#0b5fff}
.study-card:nth-child(2){border-top-color:#0891b2}
.study-card:nth-child(3){border-top-color:#5b95ff}
.attempt-link{padding:14px 0;font-weight:650;transition:color .15s}
.attempt-link:hover{color:var(--g-hover)}
.exam-card{border-top:3px solid var(--g-primary);transition:transform .15s,box-shadow .15s}
.exam-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0b5fff0e}
.exam-card .eyebrow{color:var(--g-primary)}
.exam-rules span{border-radius:8px;background:var(--g-tint);border-color:color-mix(in srgb,var(--g-primary) 12%,var(--g-line));color:var(--g-soft-ink)}
.exam-sticky{border-radius:14px;background:linear-gradient(180deg,var(--g-surface),var(--g-soft))}
.exam-question{border-left:3px solid color-mix(in srgb,var(--g-primary) 35%,transparent)}
.exam-result{border-radius:16px;padding:28px;background:linear-gradient(125deg,var(--g-surface),var(--g-bg))}
.question-bank-row{padding:18px 0}
.question-bank-row strong{font-family:GenesisDisplay,GenesisInter,sans-serif;font-size:15px;letter-spacing:-.02em}
.analytics-bar i{background:linear-gradient(90deg,var(--g-primary),var(--g-accent))}
.demo-choice{border:1px solid var(--g-line-strong);background:linear-gradient(145deg,var(--g-surface),var(--g-tint));border-radius:16px}
.demo-choice .eyebrow{color:var(--g-primary)}

/* Dark sidebar · readability + IuVe Center */
body.app-shell{--side-w:278px}
body.app-shell .sidebar{position:fixed;inset:0 auto 0 0;width:var(--side-w);display:flex;flex-direction:column;padding:20px 12px 14px;background:linear-gradient(185deg,#07101c 0%,#0c1a2d 46%,#102038 100%);border-right:1px solid #1c314e;box-shadow:inset -1px 0 0 #ffffff08;z-index:40;overflow:hidden}
body.app-shell .workspace{margin-left:var(--side-w);min-width:0}
body.app-shell .sidebar .brand{margin:0 6px 16px;flex-shrink:0}
body.app-shell .school-label{margin:0 8px 14px;padding:8px 10px;border:1px solid #243858;border-radius:8px;background:#12233c;color:#8eabc9;font-size:9px;letter-spacing:.14em;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
body.app-shell .school-label span{color:#6da3ff;font-weight:700}
body.app-shell .sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;gap:2px;display:flex;flex-direction:column;padding:0 2px 8px;scrollbar-width:thin;scrollbar-color:#2a4a75 transparent}
body.app-shell .sidebar nav::-webkit-scrollbar{width:6px}
body.app-shell .sidebar nav::-webkit-scrollbar-thumb{background:#2a4a75;border-radius:999px}
body.app-shell .navlabel{margin:16px 10px 7px;padding:0;font-size:9px;letter-spacing:.14em;color:#6f8aad;font-weight:700}
body.app-shell .navlabel.iuve-nav-label{display:flex;align-items:center;gap:8px;margin-top:18px;color:#9ec0ff;letter-spacing:.12em}
body.app-shell .iuve-dot{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(140deg,#0b5fff,#6b5be9);color:#fff;font-size:10px;font-weight:800;font-family:GenesisDisplay,sans-serif;flex-shrink:0}
body.app-shell .navitem{margin:0;padding:11px 12px;border-radius:10px;color:#b7c9e0;font-size:13px;font-weight:600;line-height:1.25;gap:12px;border:1px solid transparent;min-height:42px;text-decoration:none;display:flex;align-items:center;transition:background .14s,border-color .14s,color .14s,box-shadow .14s}
body.app-shell .navitem .navtext{flex:1;min-width:0}
body.app-shell .navitem .icon{width:18px;height:18px;opacity:.9;color:#8eb0d8;flex-shrink:0}
body.app-shell .navitem:hover{background:#173257;color:#f2f7ff;border-color:#2a4a75}
body.app-shell .navitem:hover .icon{color:#9ec8ff;opacity:1}
body.app-shell .navitem.selected{background:linear-gradient(90deg,#1a4f9c,#163d78);color:#fff;border-color:#3d73c4;box-shadow:inset 3px 0 0 #7eb6ff,0 8px 20px #0b5fff22;font-weight:700}
body.app-shell .navitem.selected .icon{color:#d7e9ff}
body.app-shell .navitem.iuve-nav{padding:9px 10px 9px 12px;font-size:12.5px;min-height:38px;color:#9bb4d0;gap:10px}
body.app-shell .navitem.iuve-nav .iuve-step{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#152946;border:1px solid #2a4a70;color:#8eb6e8;font-size:9px;font-weight:800;letter-spacing:.02em;flex-shrink:0}
body.app-shell .navitem.iuve-nav:hover .iuve-step{border-color:#4a79bf;color:#cfe4ff;background:#1a3a5f}
body.app-shell .navitem.iuve-nav.selected{background:linear-gradient(90deg,#21407a,#1a3564);border-color:#4a79bf}
body.app-shell .navitem.iuve-nav.selected .iuve-step{background:#0b5fff;border-color:#6da3ff;color:#fff}
body.app-shell .navitem.secondary{color:#7f97b5;font-size:12px;min-height:36px;padding:9px 12px}
body.app-shell .navitem.secondary .nav-ext{margin-left:auto;opacity:.7}
body.app-shell .navitem.category-link{font-size:12px;min-height:36px;padding:9px 12px;gap:10px}
body.app-shell .cat-code{background:#152946;border-color:#2e4a70;color:#9fc0ea;font-size:9px;font-weight:700}
body.app-shell .sidebar-foot{margin-top:8px;padding:12px 10px 2px;border-top:1px solid #243858;color:#7f97b5;font-size:11px;gap:10px;line-height:1.45;flex-shrink:0;display:flex;align-items:flex-start}
body.app-shell .sidebar-foot .icon{color:#6da3ff;width:16px;height:16px;flex-shrink:0}

/* IuVe Center panels */
.iuve-control-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:linear-gradient(135deg,var(--g-surface),var(--g-tint));border:1px solid var(--g-line-strong)}
.iuve-control-hero h2{margin:6px 0 8px;font-size:28px;letter-spacing:-.04em}
.iuve-control-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--g-line)}
.iuve-control-tabs a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:10px;border:1px solid var(--g-line);background:var(--g-soft);color:var(--g-soft-ink);font-size:12px;font-weight:700;text-decoration:none;transition:border-color .14s,background .14s,color .14s,box-shadow .14s}
.iuve-control-tabs a:hover{border-color:var(--g-line-strong);color:var(--g-primary);background:var(--g-tint)}
.iuve-control-tabs a.active{background:linear-gradient(135deg,var(--g-primary),#6058e8);border-color:transparent;color:#fff;box-shadow:0 8px 18px #0b5fff28}
.ecosystem-panel{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 18px;margin:0 0 20px;border:1px solid var(--g-line);border-radius:14px;background:var(--g-surface)}
.ecosystem-panel .eyebrow{margin:0 0 4px}
.ecosystem-items{display:flex;flex-wrap:wrap;gap:10px}
.ecosystem-items .eco{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--g-soft);border:1px solid var(--g-line);font-size:11px;font-weight:700;color:var(--g-soft-ink)}
.ecosystem-items .eco i{width:8px;height:8px;border-radius:50%;background:var(--g-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-accent) 20%,transparent)}
.iuve-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}
.iuve-status-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;border:1px solid var(--g-line);background:var(--g-surface);text-decoration:none;color:var(--g-ink);box-shadow:0 8px 22px #122b4f06;transition:transform .15s,border-color .15s,box-shadow .15s}
.iuve-status-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-primary) 35%,var(--g-line));box-shadow:0 14px 30px #0b5fff0c}
.iuve-status-card span{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--g-primary)}
.iuve-status-card b{font-size:18px;letter-spacing:-.03em;font-family:GenesisDisplay,GenesisInter,sans-serif}
.iuve-status-card small{color:var(--g-muted);font-size:12px}
.iuve-status-card.ready{border-color:color-mix(in srgb,var(--g-ok) 28%,var(--g-line))}
.iuve-status-card.attention{border-color:color-mix(in srgb,var(--g-warn) 35%,var(--g-line));background:linear-gradient(180deg,var(--g-surface),var(--g-warn-bg))}
.iuve-status-card.neutral{border-color:var(--g-line)}
.ok-text{color:var(--g-ok)!important}.warn-text{color:var(--g-warn)!important}
@media(max-width:1100px){.iuve-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 body.app-shell{--side-w:0px}
 body.app-shell .sidebar{position:fixed;width:min(300px,88vw);transform:translateX(-105%);transition:transform .2s}
 body.app-shell .sidebar.open,body.app-shell.nav-open .sidebar{transform:none}
 body.app-shell .workspace{margin-left:0}
 .iuve-status-grid{grid-template-columns:1fr}
 .iuve-control-hero{flex-direction:column}
}