:root{--navy:#172554;--navy2:#1e3a8a;--blue:#2563eb;--cyan:#06b6d4;--purple:#7c3aed;--pink:#ec4899;--orange:#f97316;--yellow:#facc15;--green:#16a34a;--red:#dc2626;--bg:#f4f7fc;--card:#fff;--text:#16213e;--muted:#68738b;--border:#dfe6f2;--shadow:0 16px 40px rgba(23,37,84,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-rounded,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;padding:.78rem 1.1rem;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.2);transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.04)}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--border);box-shadow:none}.button.light{background:#fff;color:var(--navy);box-shadow:none}.button.small{padding:.55rem .9rem;font-size:.9rem}.button.large{padding:1rem 1.35rem;border-radius:14px}.button.full{width:100%}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:800;color:var(--navy)}.brand.inverse{color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#fff;font-size:1.45rem;box-shadow:0 8px 20px rgba(6,182,212,.28)}.eyebrow{display:inline-block;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:900;margin-bottom:.55rem}.eyebrow.light{color:#dbeafe}.alert{max-width:1200px;margin:1rem auto;padding:1rem 1.2rem;border-radius:14px;font-weight:650}.alert.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.alert.danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert.info{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc}.alert ul{margin:.5rem 0 0}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(223,230,242,.7);backdrop-filter:blur(12px)}.public-header nav{display:flex;align-items:center;gap:1.5rem}.public-header nav>a:not(.button){color:var(--text);font-weight:700}.hero{min-height:670px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;padding:5rem max(6vw,28px);background:radial-gradient(circle at 85% 20%,#ddd6fe 0,transparent 28%),radial-gradient(circle at 75% 85%,#cffafe 0,transparent 30%),linear-gradient(180deg,#f8fbff,#eef3ff)}.hero-copy{max-width:690px}.hero h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:.2rem 0 1.4rem}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));-webkit-background-clip:text;color:transparent}.hero p{font-size:1.15rem;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:1rem;margin:2rem 0}.trust-row{display:flex;gap:1.25rem;flex-wrap:wrap;color:#475569;font-size:.9rem;font-weight:700}.hero-visual{display:flex;justify-content:center}.planet-card{width:min(480px,90vw);height:470px;position:relative;border-radius:44% 56% 56% 44%/45% 35% 65% 55%;background:linear-gradient(145deg,#1d4ed8,#7c3aed 55%,#ec4899);box-shadow:0 35px 80px rgba(67,56,202,.3);display:grid;place-items:center}.planet{font-size:9rem;filter:drop-shadow(0 20px 18px rgba(0,0,0,.18))}.floating-card{position:absolute;background:#fff;padding:.9rem 1.1rem;border-radius:14px;box-shadow:var(--shadow);font-weight:700}.floating-card.one{left:-35px;top:90px}.floating-card.two{right:-28px;bottom:105px}.mascot{position:absolute;bottom:25px;left:38px;background:#fff;border-radius:50%;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:var(--shadow)}.mascot small{font-size:.72rem;font-weight:800}.section{padding:6rem max(6vw,28px)}.section.centered{text-align:center;background:#fff}.section h2{font-size:clamp(2rem,3.2vw,3.2rem);letter-spacing:-.035em;margin:.2rem 0 2rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1250px;margin:auto}.feature-card{padding:2rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;text-align:left;box-shadow:0 8px 28px rgba(23,37,84,.05)}.feature-card>span{font-size:2.4rem}.feature-card h3{margin:.7rem 0 .35rem}.feature-card p{margin:0;color:var(--muted)}.worlds{background:var(--bg)}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-heading h2{margin:0}.section-heading>p{max-width:480px;color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.world-card{min-height:310px;padding:1.8rem;border-radius:26px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.world-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.12);right:-65px;bottom:-65px}.world-1{background:linear-gradient(145deg,#0ea5e9,#2563eb)}.world-2{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.world-3{background:linear-gradient(145deg,#f97316,#ec4899)}.world-4{background:linear-gradient(145deg,#14b8a6,#16a34a)}.world-icon{font-size:3rem;margin-bottom:1rem}.world-card>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;opacity:.8}.world-card h3{font-size:1.45rem;margin:.35rem 0}.world-card p{opacity:.9}.world-line{position:absolute;left:1.8rem;right:1.8rem;bottom:1.7rem;height:5px;border-radius:10px;background:rgba(255,255,255,.3)}.process{display:grid;grid-template-columns:1fr 1fr;gap:5rem;background:#fff}.process ol{list-style:none;padding:0;margin:2rem 0}.process li{display:flex;gap:1rem;margin:1.3rem 0}.process li>b{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#e0e7ff;color:#4338ca}.process li strong{font-size:1.08rem}.process li p{margin:.1rem 0;color:var(--muted)}.progress-demo{align-self:center;padding:2rem;border-radius:26px;background:#fff;box-shadow:0 25px 70px rgba(30,41,59,.15);border:1px solid var(--border)}.demo-head,.demo-stat{display:flex;justify-content:space-between;align-items:center}.demo-head{font-size:1.1rem;margin-bottom:.7rem}.demo-head b{font-size:1.7rem;color:var(--blue)}.big-progress,.mini-progress,.progress-line,.table-progress,.practice-progress{background:#e8edf6;border-radius:999px;overflow:hidden}.big-progress{height:14px;margin-bottom:2rem}.big-progress i,.mini-progress i,.progress-line i,.table-progress i,.practice-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));border-radius:inherit}.demo-stat{margin-top:1.3rem}.mini-progress{height:8px;margin-top:.45rem}.demo-message{margin-top:2rem;background:#fef3c7;border-radius:14px;padding:1rem;color:#92400e;font-weight:800}.cta-section{margin:0 max(4vw,20px) 4rem;padding:3.5rem max(4vw,30px);background:linear-gradient(135deg,#1e3a8a,#6d28d9);border-radius:30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta-section h2{max-width:750px;font-size:2.2rem;margin:.2rem 0}.public-footer{display:flex;justify-content:space-between;gap:2rem;padding:2.5rem max(6vw,28px);background:#0f172a;color:#cbd5e1}.public-footer div:last-child{display:flex;flex-direction:column;align-items:end}.public-footer a{color:#fff}.legal-page{max-width:900px;margin:4rem auto;padding:2rem}.legal-page h1{font-size:2.5rem}.legal-page h2{margin-top:2rem}.auth-wrap{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr}.auth-art{background:linear-gradient(145deg,#172554,#4338ca 65%,#7c3aed);color:#fff;padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.auth-art .brand{position:absolute;top:2rem}.auth-art h2{font-size:2.5rem;max-width:550px}.auth-art p{max-width:500px;color:#dbeafe}.auth-illustration{font-size:8rem;align-self:center;position:relative}.auth-illustration span{position:absolute;font-size:1rem;background:#fff;color:var(--navy);padding:.7rem 1rem;border-radius:12px;right:-90px;top:30px}.auth-panel{display:grid;place-items:center;padding:2rem;background:#fff}.auth-box{width:min(460px,100%)}.auth-box h1{font-size:2.5rem;margin:.2rem 0}.auth-box>p,.help-text{color:var(--muted)}.form-stack{display:grid;gap:1.2rem;margin:2rem 0}.form-stack label,.form-grid label,.answer-input{display:grid;gap:.45rem;font-weight:750}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea,.filter-bar input,.filter-bar select,.answer-input input,.multi-inputs input,.option-editor input{width:100%;border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;background:#fff;color:var(--text);outline:none}.form-stack input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.answer-input input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #e0e7ff}.app-body{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:265px;background:linear-gradient(180deg,#172554,#1e1b4b);color:#fff;padding:1.4rem;z-index:50;overflow-y:auto}.user-chip{display:flex;gap:.75rem;align-items:center;padding:1rem;margin:1.5rem 0;background:rgba(255,255,255,.08);border-radius:16px}.user-chip div{min-width:0}.user-chip strong,.user-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:#c7d2fe}.avatar,.top-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#fff;font-weight:900}.avatar.large{width:58px;height:58px;font-size:1.3rem}.side-nav{display:grid;gap:.25rem}.side-nav a,.nav-button{display:flex;width:100%;align-items:center;gap:.7rem;padding:.72rem .8rem;border-radius:10px;color:#e0e7ff;background:none;border:0;text-align:left;font-weight:650;cursor:pointer}.side-nav a:hover,.nav-button:hover{background:rgba(255,255,255,.1);color:#fff}.side-nav form{margin:0}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#818cf8;margin:1rem .8rem .3rem;font-weight:900}.app-shell{margin-left:265px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;padding:0 2rem;position:sticky;top:0;z-index:20}.topbar>div{display:flex;flex-direction:column}.topbar small{color:var(--muted)}.topbar .top-avatar{margin-left:auto}.menu-toggle{display:none;border:0;background:#eef2ff;border-radius:10px;padding:.55rem .75rem}.app-content{padding:2rem;max-width:1500px;margin:auto}.welcome-banner{background:linear-gradient(130deg,#1d4ed8,#6d28d9);color:#fff;padding:2.2rem;border-radius:26px;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:var(--shadow)}.welcome-banner h1{margin:.25rem 0;font-size:2rem}.welcome-banner p{margin:0;color:#dbeafe}.student-stats{display:flex;gap:1rem}.student-stats>div{min-width:105px;background:rgba(255,255,255,.12);padding:1rem;border-radius:16px;text-align:center}.student-stats b,.student-stats small{display:block}.student-stats b{font-size:1.2rem}.student-stats small{font-size:.72rem;color:#dbeafe}.diagnostic-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin:1.5rem 0;padding:1.5rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px}.callout-icon{font-size:3rem}.diagnostic-callout h2{margin:.1rem 0}.diagnostic-callout p{margin:0;color:var(--muted)}.dashboard-heading,.page-heading,.panel-heading,.report-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-heading{margin:2rem 0 1rem}.dashboard-heading h2,.page-heading h1{margin:.15rem 0}.page-heading{margin-bottom:1.5rem}.page-heading p,.panel-heading p{margin:.2rem 0;color:var(--muted)}.module-list{display:grid;gap:1rem}.module-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.2rem;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:0 8px 25px rgba(23,37,84,.045)}.module-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef2ff;color:#4338ca;font-weight:900}.module-icon{font-size:2rem}.module-icon.giant{font-size:4rem}.module-main>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:900}.module-main h3{margin:.15rem 0}.module-main p{margin:.15rem 0 .7rem;color:var(--muted)}.progress-line{height:8px}.progress-line.large{height:12px}.module-main small{display:block;margin-top:.45rem;color:var(--muted)}.two-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;margin-top:1.5rem}.panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.3rem;box-shadow:0 8px 28px rgba(23,37,84,.045)}.panel-heading{margin-bottom:1rem}.panel-heading h2{font-size:1.2rem;margin:0}.empty-state{text-align:center;padding:2rem;color:var(--muted);font-size:1.1rem}.activity-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #edf1f7}.activity-list>div:last-child{border:0}.activity-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef2ff}.activity-list strong,.activity-list small{display:block}.activity-list small{color:var(--muted)}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.badge-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;background:#fffbeb;border:1px solid #fde68a;border-radius:15px}.badge-grid span{font-size:2rem}.badge-grid small{font-weight:750}.badge-grid.expanded>div{min-height:150px}.badge-grid.expanded strong,.badge-grid.expanded small{display:block}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.kpi-grid article{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--border);padding:1.3rem;border-radius:18px}.kpi-grid article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#eef2ff;font-size:1.5rem}.kpi-grid small,.kpi-grid b{display:block}.kpi-grid small{color:var(--muted)}.kpi-grid b{font-size:1.8rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.9rem .75rem;border-bottom:1px solid #edf1f7}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}td strong,td small{display:block}td small{color:var(--muted)}.table-progress{width:110px;height:6px;display:inline-block;margin-right:.4rem;vertical-align:middle}.role-pill,.status{display:inline-flex;padding:.3rem .6rem;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:800}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#f1f5f9;color:#64748b}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.student-card,.content-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.4rem}.student-card-top{display:flex;gap:1rem;align-items:center}.student-card h3,.content-card h3{margin:.1rem 0}.student-card p,.content-card p{color:var(--muted)}.big-number{font-size:2.5rem;font-weight:900;margin:1.2rem 0 .4rem}.student-mini{display:flex;justify-content:space-between;margin:1rem 0;color:var(--muted)}.back-link{display:inline-flex;margin-bottom:1rem;color:var(--muted);font-weight:750}.module-hero,.lesson-header{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#e0e7ff,#ecfeff);padding:2rem;border-radius:24px;margin-bottom:1.5rem}.module-hero h1,.lesson-header h1{font-size:2.2rem;margin:.1rem 0}.module-hero p,.lesson-header p{color:var(--muted);margin:0}.lesson-path{display:grid;gap:1rem;position:relative}.lesson-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.3rem}.lesson-step{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#fff;font-size:1.2rem;font-weight:900}.lesson-card span{color:var(--blue);font-size:.72rem;text-transform:uppercase;font-weight:900}.lesson-card h2{margin:.15rem 0;font-size:1.25rem}.lesson-card p{margin:.15rem 0;color:var(--muted)}.lesson-content{display:grid;gap:1rem}.lesson-block{display:grid;grid-template-columns:auto 1fr;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.5rem}.block-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fef3c7;color:#92400e;font-weight:900}.lesson-block h2{margin:.2rem 0}.lesson-block p{white-space:pre-line}.practice-callout{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;padding:1.5rem;border-radius:20px;background:linear-gradient(135deg,#172554,#4338ca);color:#fff}.practice-callout>div{display:flex;align-items:center;gap:1rem}.practice-callout>div>span{font-size:3rem}.practice-callout h2,.practice-callout p{margin:.15rem 0}.practice-callout p{color:#c7d2fe}.practice-top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2rem;max-width:860px;margin:0 auto 1rem}.practice-top>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.practice-progress{height:10px}.answer-feedback{max-width:860px;margin:0 auto 1rem;display:flex;gap:1rem;padding:1rem 1.2rem;border-radius:16px}.answer-feedback.correct{background:#dcfce7;color:#166534;border:1px solid #86efac}.answer-feedback.incorrect{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.answer-feedback>span{font-size:1.8rem}.answer-feedback p{margin:.2rem 0}.question-card{max-width:860px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:26px;padding:2rem;box-shadow:var(--shadow);text-align:center}.difficulty{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:.75rem;font-weight:900}.question-icon{display:block;font-size:3rem;margin:1rem}.question-card .instructions{color:var(--muted)}.question-card h1{font-size:clamp(1.5rem,3vw,2.25rem);margin:1rem auto 2rem;max-width:700px}.question-form{max-width:650px;margin:auto}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem}.choice input{position:absolute;opacity:0}.choice span{display:block;border:2px solid var(--border);border-radius:14px;padding:1rem;background:#fff;font-weight:800;cursor:pointer}.choice input:checked+span{border-color:#6366f1;background:#eef2ff;color:#4338ca}.answer-input{text-align:left;margin-bottom:1.2rem}.answer-input input{font-size:1.5rem;text-align:center}.answer-input small{color:var(--muted);font-weight:500}.sequence-list{display:grid;gap:.65rem;margin-bottom:1rem}.sequence-list button{display:flex;gap:.7rem;text-align:left;padding:1rem;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:grab}.sequence-list button.dragging{opacity:.45}.multi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left;margin-bottom:1.2rem}.result-hero{display:flex;align-items:center;justify-content:center;gap:2rem;background:linear-gradient(135deg,#e0f2fe,#ede9fe);padding:2rem;border-radius:25px}.result-ring{width:180px;height:180px;border-radius:50%;background:conic-gradient(#6366f1 calc(var(--score)*1%),#dbe3f1 0);display:grid;place-items:center;position:relative}.result-ring:before{content:"";position:absolute;inset:15px;border-radius:50%;background:#fff}.result-ring>div{position:relative;text-align:center}.result-ring b,.result-ring small{display:block}.result-ring b{font-size:2.5rem}.result-hero h1{font-size:2.4rem;margin:.1rem 0}.reward-row{display:flex;gap:.8rem;margin-top:1rem}.reward-row span{background:#fff;padding:.55rem .8rem;border-radius:10px;font-weight:800}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.3rem 0}.result-summary article{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.2rem;text-align:center}.result-summary small,.result-summary b{display:block}.result-summary b{font-size:1.4rem}.new-badges{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:1.5rem;margin-bottom:1.2rem}.review-list article{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.review-list article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:900}.review-list .ok>span{background:#dcfce7;color:#166534}.review-list .fail>span{background:#fee2e2;color:#991b1b}.review-list h3,.review-list p{margin:.15rem 0}.review-list p{color:var(--muted)}.result-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.2rem}.diagnostic-page{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem;align-items:center;max-width:1050px;margin:2rem auto;background:#fff;border:1px solid var(--border);border-radius:28px;padding:3rem;box-shadow:var(--shadow)}.diagnostic-visual{font-size:9rem;text-align:center;position:relative}.diagnostic-visual span{position:absolute;font-size:2rem;background:#facc15;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;right:18%;top:5%}.diagnostic-page h1{font-size:2.7rem;margin:.2rem 0}.diagnostic-page li{margin:.5rem 0}.overall-score{text-align:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem 1.5rem}.overall-score b,.overall-score small{display:block}.overall-score b{font-size:2rem;color:var(--blue)}.progress-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-cards.compact{margin:1.2rem 0}.progress-cards article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.2rem}.progress-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.progress-card-head>span{font-size:2rem}.progress-card-head h3,.progress-card-head small{display:block;margin:0}.progress-card-head small{color:var(--muted)}.progress-card-head>b{font-size:1.3rem}.progress-detail{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-top:.6rem}.form-panel{max-width:1000px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.full-span{grid-column:1/-1}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.check-label input{width:auto}.form-actions{display:flex;justify-content:flex-end}.filter-bar{display:flex;gap:.8rem;margin-bottom:1rem}.filter-bar input{flex:1}.filter-bar select{max-width:220px}.pagination{display:flex;gap:.4rem;margin-top:1rem}.pagination a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--border)}.pagination a.active{background:var(--blue);color:#fff}.admin-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-shortcuts a{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.5rem;color:var(--text)}.admin-shortcuts>a>span,.content-icon{font-size:2.5rem}.admin-shortcuts h3,.admin-shortcuts p{margin:.1rem 0}.admin-shortcuts p{color:var(--muted)}.content-block-editor,.option-editor{display:grid;gap:.6rem;background:#f8fafc;border:1px dashed #cbd5e1;padding:1rem;border-radius:14px;margin-bottom:.8rem}.report-actions{margin-bottom:1rem}.report-actions>div{display:flex;gap:.7rem}.report-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border:1px solid var(--border);border-radius:20px}.report-header h1{margin:.1rem 0}.report-note{background:#eef2ff;border-left:5px solid #6366f1;border-radius:14px;padding:1.2rem;margin-top:1.2rem}.error-page{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center;padding:2rem}.error-page>div{font-size:6rem;font-weight:950;color:#c7d2fe}.error-page h1{font-size:2.2rem;margin:.1rem}.sidebar-overlay{display:none}
@media(max-width:1100px){.feature-grid,.world-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{display:none}.process{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:block}.sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:40}.sidebar.open~.app-shell+.sidebar-overlay{display:block}}
@media(max-width:760px){.public-header nav>a:not(.button){display:none}.hero{padding-top:3rem;min-height:auto}.hero h1{font-size:2.75rem}.hero-actions,.cta-section,.public-footer,.page-heading,.dashboard-heading,.report-actions,.practice-callout,.result-hero,.welcome-banner{flex-direction:column;align-items:stretch}.section{padding:4rem 1.2rem}.feature-grid,.world-grid,.kpi-grid,.card-grid,.progress-cards,.result-summary,.admin-shortcuts,.two-columns{grid-template-columns:1fr}.section-heading{display:block}.process{gap:2rem}.cta-section{margin:0 1rem 2rem}.public-footer div:last-child{align-items:start}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:calc(100vh - 76px)}.app-content{padding:1rem}.topbar{padding:0 1rem}.student-stats{display:grid;grid-template-columns:repeat(3,1fr)}.student-stats>div{min-width:0;padding:.8rem .4rem}.diagnostic-callout{grid-template-columns:auto 1fr}.diagnostic-callout .button{grid-column:1/-1}.module-row,.lesson-card{grid-template-columns:auto 1fr}.module-row>.button,.lesson-card>.button{grid-column:1/-1}.module-number{display:none}.module-hero,.lesson-header{align-items:flex-start}.practice-callout form{width:100%}.choice-grid,.multi-inputs,.form-grid{grid-template-columns:1fr}.diagnostic-page{grid-template-columns:1fr;padding:1.5rem}.diagnostic-visual{font-size:6rem}.result-ring{width:150px;height:150px;align-self:center}.result-actions{display:grid}.filter-bar{display:grid}.filter-bar select{max-width:none}.public-footer{align-items:flex-start}}
@media print{.sidebar,.topbar,.no-print,.public-header,.public-footer,.button{display:none!important}.app-shell{margin:0}.app-content{padding:0}.panel,.report-header,.progress-cards article{box-shadow:none;break-inside:avoid}body{background:#fff}}
.sequence-list button{touch-action:none;-webkit-user-select:none;user-select:none}