:root{--primary: #6366f1;--secondary: #8b5cf6;--accent: #22d3ee;--success: #16a34a;--warning: #f97316;--danger: #ef4444;--bg: #f8fafc;--surface: #ffffff;--surface-strong: #f1f5f9;--text: #1e293b;--text-muted: #475569;--border: #e2e8f0;--shadow: 0 20px 50px rgba(100, 116, 139, .12);--radius: 28px;--radius-sm: 18px;--transition: .22s ease}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#eef2ff,#f8fafc);color:var(--text)}button,input,textarea,select{font:inherit}button{border:none;background:none}body:before{content:"";position:fixed;top:-20vh;right:-30vw;width:60vw;height:60vw;background:radial-gradient(circle at center,rgba(99,102,241,.22),transparent 58%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;bottom:-16vh;left:-18vw;width:48vw;height:48vw;background:radial-gradient(circle at center,rgba(139,92,246,.18),transparent 55%);pointer-events:none;z-index:-1}.page-shell{padding:24px;max-width:1320px;margin:0 auto}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}.site-brand{display:flex;align-items:center;gap:16px}.brand-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:grid;place-items:center;font-size:1.6rem;color:#fff;box-shadow:0 12px 30px #6366f140}.brand-name{margin:0;font-size:1rem;font-weight:800}.brand-tag{margin-top:4px;color:#64748b;font-size:.9rem}.header-center h2{margin:0;font-size:1.2rem}.header-center p{margin-top:4px;color:#64748b;font-size:.92rem}.header-actions{display:flex;align-items:center;gap:12px}@media(max-width:768px){.app-header{flex-direction:column;align-items:flex-start;padding:20px}}.app-footer{margin-top:auto;padding:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;background:#ffffffe6;border-top:1px solid rgba(226,232,240,.9)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:var(--primary);text-decoration:none;font-weight:600}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:24px}.app-content{padding:24px;max-width:1320px;margin:0 auto}.page-title{margin:0;font-size:clamp(2rem,2.8vw,3rem);line-height:1.05}.page-subtitle{margin:0;color:var(--text-muted);font-size:1rem}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;background:linear-gradient(135deg,#6366f12e,#8b5cf61f);border:1px solid rgba(99,102,241,.18);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);align-items:center}.hero-card.hero-intro{grid-template-columns:1fr minmax(300px,420px);align-items:center}.hero-card-image{border-radius:18px;overflow:hidden;min-height:220px;max-height:360px;box-shadow:inset 0 0 0 1px #ffffff8c}.hero-card-image img{width:100%;height:100%;object-fit:cover;display:block}.topic-card,.chapter-card.topic-card{display:grid;gap:20px;background:linear-gradient(180deg,#fffffffa,#fff)}.topic-image{width:100%;min-height:220px;background-size:cover;background-position:center;border-radius:22px;box-shadow:inset 0 0 0 1px #e2e8f0e6}.subject-card .card-banner{border-radius:24px;padding:18px;background:linear-gradient(135deg,#27aaff24,#818cf824)}.locked-card{opacity:.76}.year-filters{margin-top:18px}.detail-card--highlight{border:1px solid rgba(56,189,248,.2);background:#38bdf80f}.detail-card--success{background:#22c55e14;border:1px solid rgba(34,197,94,.16)}.table-scroll{overflow-x:auto}.hero-copy h1{margin:0 0 12px;font-size:clamp(2rem,2.4vw,2.8rem)}.hero-copy{max-width:100%;padding-right:8px}@media(min-width:1200px){.hero-copy{max-width:760px}}.hero-copy p{margin:0;color:var(--text-muted);max-width:620px}.hero-stats{display:grid;gap:16px;min-width:300px}.stats-compact{display:flex;gap:12px;align-items:stretch;margin:8px 0 20px}.stat-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;border:1px solid rgba(226,232,240,.9);padding:12px 14px;display:flex;align-items:center;gap:12px;min-width:120px}.stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f11f,#38bdf80f);font-size:1.2rem}.stat-card .stat-label{margin:0;color:var(--text-muted);font-size:.9rem}.stat-card .stat-value{margin:0;font-size:1.15rem;font-weight:700;color:var(--primary)}.stat-pill{background:linear-gradient(180deg,#fffffffa,#f5f7fafa);border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-pill strong{color:var(--text);font-size:1.05rem}.stat-pill span{color:var(--text-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 4px}.chip{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 16px;color:var(--text-muted);font-weight:500;cursor:pointer;transition:all var(--transition)}.chip.active,.chip:hover{background:#fff;border-color:#6366f133;color:var(--text);transform:translateY(-1px)}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.breadcrumb span,.breadcrumb button{display:inline-flex;align-items:center;gap:8px}.breadcrumb button{background:transparent;border:none;color:var(--primary);cursor:pointer;font-weight:600}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.book-card,.chapter-card,.editorial-card,.option-card,.detail-card,.report-card,.dashboard-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:18px;border:1px solid rgba(226,232,240,.85);box-shadow:0 10px 30px #1018280f;padding:18px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background var(--transition)}.subject-card-main{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:18px;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px #1018280a;padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.card-header-visual{display:flex;align-items:center;gap:14px}.subject-emoji{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f11f,#38bdf80f);font-size:2rem}.subject-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#6366f114;color:var(--primary);font-weight:600;font-size:.85rem}.card-body h3{margin:6px 0 8px}.progress-section{display:flex;align-items:center;gap:12px;margin-top:8px}.progress-text{color:var(--text-muted);font-size:.9rem;min-width:70px}.xp-badge{margin-top:8px;display:inline-block;background:linear-gradient(135deg,#6366f11f,#8b5cf614);color:var(--primary);padding:6px 10px;border-radius:12px;font-weight:700}.card-action{display:flex;justify-content:flex-end;align-items:center}.book-card:hover,.chapter-card:hover,.editorial-card:hover,.report-card:hover,.dashboard-card:hover,.option-card:hover{transform:translateY(-4px) scale(1.01);border-color:#6366f12e;box-shadow:0 18px 40px #0f172a17}.book-card{display:grid;grid-template-rows:auto 1fr auto;gap:18px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.book-cover{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf624);font-size:2rem}.book-card .card-top{gap:14px}.book-card h3,.chapter-card h3,.editorial-card h3{margin:0;font-size:1.15rem}.book-meta,.chapter-meta,.editorial-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-size:.95rem}.book-card p,.chapter-card p,.detail-card p,.report-card p{margin:0;color:var(--text-muted)}.progress-track{height:12px;border-radius:999px;background:var(--surface-strong);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width var(--transition)}.book-footer,.chapter-footer,.result-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.book-footer .btn,.chapter-footer .btn,.result-footer .btn,.control-row .btn,.option-actions .btn{border-radius:999px;padding:12px 20px;cursor:pointer;font-weight:600;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 28px #6366f138}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:var(--primary);background:#6366f114}.btn-ghost{color:var(--text);background:#0f172a0a}.option-card{border:1px solid var(--border);padding:18px;cursor:pointer}.option-card.selected{border-color:#6366f166;background:#6366f114}.hero-card.hero-intro{background:linear-gradient(135deg,#6366f114,#38bdf80f);padding:28px}.hero-copy h2{margin:0 0 8px;font-size:clamp(1.6rem,2.2vw,2rem)}.hero-card-image{border-radius:18px;overflow:hidden}.topic-card .topic-image,.chapter-card .topic-image{border-radius:14px;transition:transform .26s ease}.topic-card .topic-image:hover,.chapter-card .topic-image:hover{transform:scale(1.02)}.option-card strong{display:block;margin-bottom:8px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.detail-card{display:grid;gap:16px}.detail-card h3{margin:0 0 8px}.detail-card .mini-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.detail-card .mini-list li{background:var(--surface-strong);border-radius:16px;padding:14px 16px}.dashboard-shell{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:24px}.dashboard-sidebar{position:sticky;top:24px;align-self:start;display:grid;gap:20px}.dashboard-card{padding:22px}.sidebar-title{margin:0 0 12px;font-size:1.1rem}.stat-grid{display:grid;gap:16px}.report-header,.section-header{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tab-button{border-radius:999px;padding:10px 18px;background:#0f172a0a;color:var(--text);cursor:pointer;border:1px solid transparent}.tab-button.active,.tab-button:hover{background:#fff;border-color:#6366f12e}.table-modern{width:100%;border-collapse:collapse;min-width:100%}.table-modern th,.table-modern td{padding:16px 14px}.table-modern th{text-align:left;color:var(--text-muted);font-weight:600;background:#e2e8f0cc}.table-modern tbody tr{border-bottom:1px solid rgba(226,232,240,.9)}.table-modern tbody tr:hover{background:#6366f10d}.badge-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#6366f114;color:var(--text);font-size:.95rem}.alert-banner{background:linear-gradient(135deg,#8b5cf61f,#6366f114);border:1px solid rgba(99,102,241,.14);border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:18px}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:18px}.test-main{min-width:0}.test-image-banner{width:260px;height:140px;border-radius:14px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e2e8f0e6}.test-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 40%)}.test-info h2{margin:0 0 6px}.question-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:12px;border:1px solid rgba(226,232,240,.9);padding:16px;margin-bottom:14px}.question-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.xp-indicator{color:var(--primary);font-weight:700}.options-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.option-card-test{border-radius:12px;border:1px solid var(--border);padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition);background:var(--surface)}.option-card-test .option-letter{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--surface-strong);font-weight:800;color:var(--primary)}.option-card-test.selected{border-color:#6366f147;box-shadow:0 14px 30px #6366f10f;transform:translateY(-4px);background:#6366f10a}.option-check{margin-left:auto;font-size:1.2rem;color:var(--success);font-weight:800}.test-controls{display:flex;gap:12px;justify-content:flex-end;margin-top:14px}.test-sidebar{position:relative}.test-sidebar-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:12px;border:1px solid rgba(226,232,240,.9);padding:14px;box-shadow:0 10px 24px #1018280a;margin-bottom:14px;position:sticky;top:92px}.sidebar-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.test-mini-stats{display:flex;gap:12px;margin-top:12px}.mini-stat{background:var(--surface-strong);padding:10px;border-radius:10px;text-align:center;min-width:72px}@media(max-width:900px){.test-layout{grid-template-columns:1fr}.test-image-banner{width:100%;height:180px}.test-sidebar-card{position:relative;top:0}}.alert-banner strong{display:block;font-size:1rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:#fffffffa;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow);border:1px solid rgba(226,232,240,.9)}.login-card h1{margin:0 0 8px;font-size:2.3rem}.login-card p{margin:0 0 26px;color:var(--text-muted);font-size:1rem}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.login-tab-button{border-radius:999px;padding:14px 18px;background:#0f172a0d;color:var(--text);border:1px solid transparent;cursor:pointer}.login-tab-button.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:#6366f133}.tab-content.active{display:block}.tab-panel form{display:grid;gap:16px}.input-group{display:grid;gap:8px}.input-group label{font-size:.95rem;color:var(--text-muted)}.input-group input{width:100%;border-radius:16px;border:1px solid rgba(226,232,240,.95);padding:14px 16px;background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition)}.input-group input:focus{outline:none;border-color:#6366f159;box-shadow:0 0 0 4px #6366f11f}.form-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}.form-footer span{color:var(--text-muted);font-size:.95rem}.form-footer a{color:var(--primary);text-decoration:none;font-weight:600}@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.hero-card,.book-card,.chapter-card,.editorial-card,.option-card,.detail-card,.dashboard-card{border-radius:24px}}@media(max-width:680px){.page-header,.section-header,.report-header{flex-direction:column;align-items:stretch}.hero-stats{min-width:auto}.page-shell{padding:18px}.book-cover{width:62px;height:62px}}.breadcrumb-modern{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:fit-content;padding:10px 16px;margin-bottom:24px;background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.9);border-radius:999px;box-shadow:0 10px 24px #0f172a0f}.breadcrumb-test{margin-bottom:28px}.breadcrumb-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#6366f114;color:var(--primary);font-weight:700;font-size:.92rem;cursor:pointer;transition:background var(--transition),transform var(--transition),color var(--transition)}.breadcrumb-btn:hover{background:#6366f124;transform:translateY(-1px)}.breadcrumb-btn:active{transform:scale(.98)}.breadcrumb-sep{color:#94a3b8;font-weight:700;opacity:.8}.breadcrumb-item{color:var(--text-muted);font-weight:600}.breadcrumb-current{color:var(--text);font-weight:800;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.breadcrumb-modern{width:100%;border-radius:20px;padding:12px}.breadcrumb-current{max-width:160px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;outline:none;padding:12px 20px;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition);text-decoration:none}.btn:active{transform:scale(.98)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:radial-gradient(circle at 8% 10%,rgba(118,127,235,.2),transparent 28%),radial-gradient(circle at 92% 90%,rgba(249,185,97,.17),transparent 25%),#f5f6fb}.login-card{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);overflow:hidden;border:1px solid rgba(35,43,78,.08);border-radius:30px;background:#fff;box-shadow:0 34px 90px #1a224724}.login-side--illustration{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(38px,5vw,68px);overflow:hidden;color:#fff;background:linear-gradient(145deg,#373ea9f2,#5a4cb9eb),#444cb4}.login-side--illustration:before,.login-side--illustration:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.login-side--illustration:before{width:560px;height:560px;top:-270px;right:-290px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.login-side--illustration:after{width:290px;height:290px;bottom:-155px;left:-120px;background:#ffffff09}.login-brand-lockup{display:flex;align-items:center;gap:12px;color:#242b48;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.login-brand-lockup--light{color:#fff}.login-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#5059cf;font-size:.82rem;letter-spacing:.03em;box-shadow:0 10px 24px #1b226938}.login-brand-lockup--light .login-brand-mark{color:#4149ad;background:#fff}.login-hero-copy{max-width:520px}.login-eyebrow,.auth-kicker{display:inline-block;color:#6972de;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-eyebrow{color:#d9dcff}.login-hero-copy h1{max-width:500px;margin:16px 0 18px;color:#fff;font-size:clamp(2.6rem,4.5vw,4.7rem);line-height:.98;letter-spacing:-.055em}.login-hero-copy p{max-width:480px;margin:0;color:#ffffffc7;font-size:1.02rem;line-height:1.72}.login-benefits{display:grid;gap:10px}.login-benefits span{display:flex;align-items:center;gap:12px;color:#fffc;font-size:.88rem}.login-benefits b{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;font-size:.68rem}.login-side--form{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,68px)}.mobile-login-brand{display:none}.login-form-heading{margin-bottom:22px}.login-form-heading h2,.password-reset-card h1{margin:9px 0 8px;color:#1d2440;font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.04em}.login-form-heading p,.password-reset-card>p,.auth-panel-heading p{margin:0;color:#747b92;line-height:1.55}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:26px;border-radius:13px;background:#f0f1f6}.login-tab-button{padding:11px 14px;border:0;border-radius:10px;color:#747b92;background:transparent;font-weight:750;cursor:pointer;transition:.18s ease}.login-tab-button.active{color:#333c9f;background:#fff;box-shadow:0 4px 12px #2a315617}.tab-content{display:none}.tab-content.active{display:block;animation:auth-in .18s ease}.auth-view{display:none}.auth-view.active{display:grid}.auth-form{gap:17px}.auth-field{display:grid;gap:7px;color:#2d354f;font-size:.84rem;font-weight:750}.field-label-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap input{width:100%;min-height:52px;padding:0 52px 0 47px;border:1px solid #dfe3ec;border-radius:12px;outline:none;color:#202741;background:#fff;font-size:.96rem;transition:border .16s ease,box-shadow .16s ease}.auth-input-wrap input:focus{border-color:#6b74db;box-shadow:0 0 0 4px #5c67d21f}.field-icon{position:absolute;left:16px;z-index:1;color:#7b839c;font-size:.78rem;font-weight:800}.password-toggle{position:absolute;right:9px;padding:7px;border:0;color:#5963cf;background:transparent;font-size:.76rem;font-weight:800;cursor:pointer}.login-screen .btn-primary{min-height:52px;border-radius:12px;background:#4e57c9;box-shadow:0 12px 25px #4e57c93d}.login-screen .btn-primary:hover{background:#424bb9}.btn-block{width:100%}.auth-text-button{padding:0;border:0;color:#505bc8;background:transparent;font-size:inherit;font-weight:750;cursor:pointer}.auth-back{justify-self:center;margin-top:2px}.form-footer{margin:0;color:#83899d;text-align:center;font-size:.84rem}.auth-panel-heading h3{margin:0 0 5px;color:#252d4c}.auth-feedback{display:none;padding:10px 12px;border-radius:9px;font-size:.82rem;line-height:1.45}.auth-feedback.visible{display:block}.auth-feedback.error{color:#9c2d37;background:#fff0f1}.auth-feedback.success{color:#176b4c;background:#eaf8f2}.password-reset-card{width:min(500px,100%);padding:clamp(30px,5vw,50px);border:1px solid rgba(35,43,78,.08);border-radius:24px;background:#fff;box-shadow:0 28px 70px #1a224721}.password-reset-card .login-brand-lockup{margin-bottom:36px}.password-reset-card .auth-form{display:grid;margin:28px 0 18px}@keyframes auth-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.login-card{grid-template-columns:1fr;min-height:0}.login-side--illustration{display:none}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.login-side--form{min-height:630px}}@media(max-width:520px){.login-screen{padding:0;background:#fff}.login-card{min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-side--form{padding:28px 20px 38px}.password-reset-card{min-height:100vh;border:0;border-radius:0;box-shadow:none}}:root{--primary: #6366f1;--secondary: #8b5cf6;--bg: #f4f7fb;--surface: rgba(255,255,255,.88);--text: #0f172a;--text-muted: #64748b;--border: rgba(226,232,240,.9);--shadow: 0 10px 30px rgba(15,23,42,.08);--radius: 22px;--transition: .22s ease}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 30%),radial-gradient(circle at bottom left,rgba(139,92,246,.1),transparent 28%),var(--bg);color:var(--text)}body{overflow-x:hidden}button{font:inherit;border:none;outline:none}#app{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:100%}.app-container{width:min(1300px,calc(100% - 40px));margin:32px auto}.app-header{position:sticky;top:0;z-index:999;width:100%;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0f172a0a}.app-header:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.25),transparent)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px clamp(20px,4vw,42px)}.site-brand{display:flex;align-items:center;gap:16px;min-width:240px}.brand-mark{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 14px 30px #6366f140}.brand-name{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.brand-tag{margin:4px 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.3}.header-center{flex:1;min-width:0}.header-center h2{margin:0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.1;letter-spacing:-.03em}.header-center p{margin:6px 0 0;color:var(--text-muted);font-size:.96rem;max-width:680px}.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.btn{border-radius:14px;padding:12px 18px;cursor:pointer;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 24px #6366f138}.btn-ghost{background:#0f172a0a;color:var(--text);border:1px solid rgba(226,232,240,.9)}.btn-ghost:hover{background:#6366f114;border-color:#6366f12e}.app-footer{margin-top:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid var(--border);background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-footer p{margin:0;color:var(--text-muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:var(--primary);font-weight:600;transition:opacity var(--transition)}.footer-links a:hover{opacity:.75}@media(max-width:980px){.app-header{flex-direction:column;align-items:stretch;gap:20px}.site-brand{min-width:unset}.header-actions{justify-content:flex-end}}@media(max-width:640px){.app-container{width:calc(100% - 24px);margin:20px auto}.app-header{padding:18px}.brand-mark{width:56px;height:56px}.header-center h2{font-size:1.3rem}.header-center p{font-size:.9rem}.app-footer{padding:20px}}.test-progress-bar{margin-bottom:18px}.test-hero{display:flex;gap:18px;align-items:center;margin-bottom:18px}.test-image-banner{width:160px;height:100px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.test-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 45%)}.question-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;border:1px solid rgba(226,232,240,.9);padding:18px;margin-bottom:14px}.options-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.option-card-test{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.option-card-test:hover{transform:translateY(-4px);border-color:#6366f129}.option-card-test.selected{border-color:#6366f15c;background:#6366f10f}.option-card-test .option-content p{margin:0;color:var(--text-muted)}.option-check{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--surface-strong);font-weight:700;color:var(--primary)}.test-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.btn-large{padding:12px 22px;border-radius:12px;font-weight:800}.subject-card-main{position:relative}.subject-card-main .locked-banner{position:absolute;top:12px;right:12px;background:#ef444414;color:var(--danger);padding:6px 10px;border-radius:999px;font-weight:700;font-size:.85rem}.subject-card-main .purchase-cta{background:linear-gradient(135deg,#ff8a65,#ff6b6b);color:#fff;padding:8px 12px;border-radius:12px;font-weight:800}.question-nav-btn{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;font-weight:700;transition:.2s;background:#e5e7eb}.question-nav-btn.active{background:#2563eb;color:#fff;transform:scale(1.1)}.question-nav-btn.answered{background:#22c55e;color:#fff}.subject-dashboard-hero{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-bottom:32px}.subject-hero-left{display:flex;gap:24px;align-items:center;padding:32px;border-radius:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.subject-icon-big{width:120px;height:120px;border-radius:32px;display:grid;place-items:center;font-size:3rem;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subject-level{display:inline-flex;padding:10px 14px;border-radius:999px;background:#ffffff24;margin-bottom:14px;font-weight:700}.subject-hero-left h1{margin:0 0 12px;font-size:2.5rem}.subject-description{max-width:700px;line-height:1.7;color:#ffffffe0}.subject-progress-card{background:#fff;border-radius:32px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow)}.progress-circle-mini{width:120px;height:120px;margin:24px auto;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;background:radial-gradient(circle at center,#fff 58%,#6366f1 60%)}.subject-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.subject-stats-grid div{background:#f8fafc;border-radius:20px;padding:18px;text-align:center}.subject-stats-grid strong{display:block;font-size:1.3rem}.topics-roadmap{background:#fff;border-radius:32px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow)}.roadmap-list{display:flex;flex-direction:column;margin-top:28px}.roadmap-topic-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border-radius:24px;transition:.25s}.roadmap-topic-card:hover{background:#f8fafc;transform:translateY(-2px)}.roadmap-topic-left{display:flex;gap:22px}.topic-number{width:64px;height:64px;flex-shrink:0;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;font-size:1.3rem}.topic-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:700;margin-bottom:10px}.topic-mini-activity{margin-top:14px;color:#64748b;font-weight:600}.roadmap-line{width:2px;height:30px;margin-left:31px;background:#cbd5e1}@media(max-width:980px){.subject-dashboard-hero{grid-template-columns:1fr}.subject-hero-left{flex-direction:column;text-align:center}.roadmap-topic-card{flex-direction:column;align-items:flex-start}}.topic-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 420px;gap:32px;padding:36px;border-radius:32px;background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 25%),linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;margin-bottom:28px}.topic-header-text{display:flex;flex-direction:column;justify-content:center}.topic-label{width:fit-content;padding:10px 16px;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.85rem;font-weight:700;margin-bottom:18px}.topic-header-text h2{font-size:3rem;line-height:1.05;margin:0 0 14px;font-weight:800}.topic-breadcrumb{color:#ffffffd6;font-size:1rem}.topic-image-banner{position:relative;min-height:260px;border-radius:26px;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 20px 45px #0000002e}.topic-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#00000061)}.topic-description{background:#fff;border-radius:28px;padding:30px;border:1px solid #e2e8f0;box-shadow:0 15px 40px #0f172a0d;margin-bottom:24px}.topic-description h3{margin-top:0;margin-bottom:16px;font-size:1.5rem;color:#0f172a}.topic-description p{color:#475569;line-height:1.8}.activity-highlight{margin-top:22px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#4338ca;font-weight:700}.topic-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}.notes-item{background:#fff;border-radius:24px;padding:26px;border:1px solid #e2e8f0;box-shadow:0 15px 35px #0f172a0d;transition:.25s}.notes-item:hover{transform:translateY(-5px)}.notes-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin-bottom:18px;font-size:1.6rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.notes-item h4{margin:0 0 10px;color:#0f172a}.notes-item p{margin:0;color:#64748b;line-height:1.7}.topic-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px;border-radius:30px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.cta-content h3{margin:0 0 12px;font-size:2rem}.cta-content p{color:#ffffffbd}.cta-rewards{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}.reward-badge,.difficulty-badge{padding:12px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);font-weight:700}.btn-large{padding:18px 30px!important;border-radius:18px!important;font-size:1rem;font-weight:800}@media(max-width:980px){.topic-hero{grid-template-columns:1fr}.topic-header-text h2{font-size:2.2rem}.topic-notes{grid-template-columns:1fr}.topic-cta{flex-direction:column;align-items:flex-start}}.result-hero{position:relative;padding:28px;border-radius:24px;overflow:hidden;margin-bottom:26px;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 40px #0f172a0f}.result-hero.success{background:linear-gradient(135deg,#22c55e1f,#3b82f61a)}.result-hero.warning{background:linear-gradient(135deg,#f973161f,#facc151a)}.result-hero-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.result-score-ring{width:170px;height:170px;border-radius:50%;--score-color: var(--primary);background:conic-gradient(var(--score-color) calc(var(--score) * 1%),rgba(226,232,240,.7) 0);padding:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px #0f172a0f}.score-inner{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px}.score-inner strong{font-size:2.4rem;line-height:1;color:var(--primary)}.score-inner span{margin-top:6px;color:var(--text-muted);font-weight:600}.score-inner{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:2.6rem;font-weight:900;color:var(--primary)}.score-label{color:var(--text-muted);font-weight:600}.result-tag{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#ffffffe6;font-size:.95rem;font-weight:800;margin-bottom:12px;color:var(--text)}.result-hero-copy h2{margin:0 0 8px;font-size:clamp(1.25rem,2.1vw,1.6rem);color:var(--text)}.result-hero-copy p{margin:0;color:var(--text-muted);max-width:700px}.result-rewards{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.reward-pill{padding:8px 12px;border-radius:999px;font-weight:700;font-size:.95rem}.reward-pill.xp{background:#6366f11f;color:var(--primary)}.reward-pill.level{background:#22c55e1f;color:var(--success)}.results-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.result-stat-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 8px 22px #0f172a0a}.result-stat-card strong{display:block;font-size:1.8rem}.result-stat-card p{margin:4px 0 0;color:var(--text-muted)}.stat-icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;font-weight:800}.stat-icon.success{background:#22c55e1f;color:var(--success)}.stat-icon.danger{background:#ef44441f;color:var(--danger)}.stat-icon.neutral{background:#3b82f61f;color:#2563eb}.results-list{display:grid;gap:14px;list-style:none;padding:0;margin:0}.result-item{padding:18px;border-radius:16px;border:1px solid rgba(226,232,240,.9);background:var(--surface);transition:transform var(--transition),box-shadow var(--transition);display:grid;gap:8px}.result-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a0f}.result-item.correct{box-shadow:0 10px 24px #22c55e0a;border-left:6px solid var(--success)}.result-item.incorrect{box-shadow:0 10px 24px #ef44440a;border-left:6px solid var(--danger)}.result-item-head{display:flex;justify-content:space-between;gap:12px}.result-item-head strong{font-size:1.05rem}.result-badge{width:44px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);padding:6px}.result-item.correct .result-badge{background:#22c55e1f;color:var(--success)}.result-item.incorrect .result-badge{background:#ef44441f;color:var(--danger)}.result-item-body{display:grid;gap:6px;color:var(--text-muted);font-size:.98rem}.result-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.result-footer .btn{padding:12px 18px;border-radius:12px}@media(max-width:768px){.result-hero-left{flex-direction:column;align-items:flex-start}.result-score-ring{width:140px;height:140px}.score-number{font-size:2rem}}.apoderado-hero{position:relative;overflow:hidden;border-radius:28px;padding:40px;background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 20%),linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;margin-bottom:28px}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;margin-bottom:20px}.apoderado-hero h1{font-size:2.5rem;margin:0 0 10px}.apoderado-hero p{color:#ffffffe0;max-width:700px;line-height:1.7}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.hero-stat-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffffff2e;font-size:1.4rem}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.dashboard-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-profile{background:#fff;border-radius:24px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 15px 35px #0f172a0f;text-align:center}.profile-avatar{width:88px;height:88px;margin:auto auto 18px;border-radius:24px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.sidebar-profile h3{margin:0;color:#0f172a}.sidebar-profile p{color:#64748b;margin-top:6px}.logout-sidebar-btn{width:100%;margin-top:20px;border:none;padding:14px;border-radius:14px;background:#ef4444;color:#fff;font-weight:700;cursor:pointer;transition:.2s}.logout-sidebar-btn:hover{transform:translateY(-2px)}.sidebar-menu{display:flex;flex-direction:column;gap:12px;background:#fff;padding:18px;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 15px 35px #0f172a0f}.sidebar-link{border:none;background:transparent;display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;font-weight:700;cursor:pointer;transition:.2s;color:#334155}.sidebar-link:hover{background:#f8fafc}.sidebar-link.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.dashboard-main{display:flex;flex-direction:column;gap:24px}.dashboard-main-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;padding:28px;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 15px 35px #0f172a0f}.dashboard-mini-title{margin:0 0 6px;color:#6366f1;font-weight:700}.dashboard-main-header h2{margin:0;color:#0f172a}.dashboard-content{display:flex;flex-direction:column;gap:24px}.kids-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.kid-card{background:#fff;border-radius:24px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 15px 35px #0f172a0f;transition:.25s}.kid-card:hover{transform:translateY(-4px)}.kid-header{display:flex;gap:16px;align-items:center;margin-bottom:22px}.kid-emoji{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:1.8rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.kid-details{display:flex;flex-direction:column;gap:14px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row code{padding:8px 12px;border-radius:10px;background:#f1f5f9;font-weight:700}.status-active{color:#10b981;font-weight:700}.report-card-main{background:#fff;border-radius:24px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 15px 35px #0f172a0f}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.report-count{padding:10px 14px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:700}.table-wrapper{overflow:auto}.report-table{width:100%;border-collapse:collapse}.report-table th{text-align:left;padding:14px;background:#f8fafc;color:#475569}.report-table td{padding:14px;border-top:1px solid #e2e8f0}.text-success{color:#10b981;font-weight:700}.text-danger{color:#ef4444;font-weight:700}.empty-state{background:#fff;border-radius:24px;padding:60px 24px;text-align:center;border:1px dashed #cbd5e1}.empty-icon{font-size:4rem;margin-bottom:20px}.header-logout-btn{border:none;background:#ef4444;color:#fff;padding:12px 18px;border-radius:14px;font-weight:700;cursor:pointer}.year-filters{display:flex;gap:8px;align-items:center}.year-filters .chip{padding:8px 12px;border-radius:999px;border:1px solid #e6edf8;background:transparent;cursor:pointer;color:#334155;font-weight:700}.year-filters .chip.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.dashboard-main-header .year-filters{margin-right:6px}@media(max-width:980px){.dashboard-layout,.hero-stats{grid-template-columns:1fr}.dashboard-main-header{flex-direction:column;align-items:flex-start}}.kid-welcome{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;overflow:hidden;padding:clamp(28px,5vw,50px);border-radius:28px;color:#fff;background:linear-gradient(135deg,#3f47b8,#6169d5 62%,#7774d8);box-shadow:0 25px 55px #3c46a938}.kid-welcome:before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-100px;top:-170px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 58px #ffffff06,0 0 0 116px #ffffff05}.kid-overline,.section-eyebrow{display:block;margin-bottom:7px;color:#6872d6;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.kid-overline{color:#ffffffb8}.kid-welcome h1{margin:0;font-size:clamp(2.15rem,4vw,3.65rem);letter-spacing:-.055em}.kid-welcome-copy>p{max-width:650px;margin:13px 0 25px;color:#ffffffc2;line-height:1.65}.kid-level-progress{max-width:550px}.kid-level-copy{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px;font-size:.78rem}.kid-level-copy span{font-weight:800}.kid-level-copy strong{color:#ffffffc7}.kid-xp-track{height:8px;overflow:hidden;border-radius:99px;background:#151a5d40}.kid-xp-track span{display:block;height:100%;border-radius:inherit;background:#ffd68a}.kid-level-progress small{display:block;margin-top:8px;color:#ffffffa8;font-size:.72rem}.kid-welcome-badge{width:150px;height:150px;display:grid;place-content:center;justify-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff17;box-shadow:inset 0 0 0 9px #ffffff09;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kid-welcome-badge span{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.kid-welcome-badge strong{font-size:3.25rem;line-height:1}.kid-welcome-badge small{margin-top:6px;color:#ffffffb3}.kid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 30px}.kid-stats article{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid #e7e9f1;border-radius:17px;background:#fff;box-shadow:0 10px 26px #262d500e}.kid-stats strong{display:block;color:#242b47;font-size:1.5rem;letter-spacing:-.04em}.kid-stats small{color:#7c8295;font-size:.76rem}.stat-symbol{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;font-weight:900}.stat-symbol--violet{color:#6957b9;background:#f0ecfb}.stat-symbol--blue{color:#3976ae;background:#e8f3fb}.stat-symbol--green{color:#22805f;background:#e9f7f1}.stat-symbol--orange{color:#b26d2d;background:#fff2e4}.next-test-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;margin-bottom:38px;border:1px solid #dfe2f4;border-radius:21px;background:linear-gradient(90deg,#f5f5ff,#fff)}.next-test-copy h2{margin:0 0 7px;color:#242b47;font-size:1.45rem}.next-test-copy p{margin:0;color:#6f768d}.test-meta-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.test-meta-row span{padding:6px 10px;border-radius:99px;color:#5b64be;background:#e9ebfb;font-size:.72rem;font-weight:750}.next-test-button{white-space:nowrap}.kid-catalogue{margin-top:8px}.kid-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.kid-section-heading h2{margin:0;color:#242b47;font-size:clamp(1.55rem,3vw,2.05rem);letter-spacing:-.04em}.kid-section-heading p{margin:6px 0 0;color:#798095}.kid-section-heading.compact{margin-bottom:13px}.kid-section-heading.compact h2{font-size:1.25rem}.assignment-count{padding:7px 11px;border-radius:99px;color:#5c65bf;background:#eceefd;font-size:.75rem;font-weight:800}.subject-filters{display:flex;gap:8px;overflow-x:auto;padding:3px 0 17px;scrollbar-width:none}.subject-filter{white-space:nowrap;padding:9px 14px;border:1px solid #e1e4ec;border-radius:99px;color:#626980;background:#fff;font-size:.8rem;font-weight:750;cursor:pointer}.subject-filter:hover,.subject-filter.active{color:#fff;border-color:#4e57c9;background:#4e57c9}.kids-tests-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kid-test-card{display:grid;grid-template-columns:122px minmax(0,1fr);overflow:hidden;border:1px solid #e5e7ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px #232b4e0f;transition:transform .18s ease,box-shadow .18s ease}.kid-test-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #232b4e1a}.kid-test-card[hidden]{display:none}.kid-test-visual{display:flex;flex-direction:column;justify-content:space-between;padding:20px 15px;color:#fff;background:#6870cf}.kid-test-visual>span{width:53px;height:53px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#ffffff1f;font-size:1.35rem;font-weight:900}.kid-test-visual small{color:#ffffffc7;font-size:.69rem;font-weight:750;line-height:1.35}.subject-math .kid-test-visual{background:linear-gradient(160deg,#5664bf,#7081d2)}.subject-language .kid-test-visual{background:linear-gradient(160deg,#9b5f83,#bb7899)}.subject-science .kid-test-visual{background:linear-gradient(160deg,#378772,#5aa28d)}.subject-history .kid-test-visual{background:linear-gradient(160deg,#a16c3e,#c38a55)}.subject-general .kid-test-visual{background:linear-gradient(160deg,#6870cf,#898bdc)}.kid-test-content{min-width:0;padding:18px}.kid-test-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.test-status{padding:5px 8px;border-radius:7px;font-size:.65rem;font-weight:800}.test-status.ready{color:#246c54;background:#e8f7f0}.test-status.in-progress{color:#8b5e25;background:#fff1dc}.test-difficulty{color:#8a8fa1;font-size:.68rem;font-weight:750}.kid-test-content h3{margin:12px 0 6px;color:#252c48;font-size:1.14rem;letter-spacing:-.025em}.kid-test-content>p{display:-webkit-box;overflow:hidden;margin:0;color:#73798f;font-size:.82rem;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.test-topic-path{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:11px;color:#6972c5;font-size:.7rem;font-weight:750}.test-topic-path b{color:#b0b4c2}.kid-test-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}.compact-meta{display:flex;flex-wrap:wrap;gap:10px;color:#777e92;font-size:.69rem;font-weight:750}.kid-test-actions{display:flex;gap:6px}.kid-test-actions .btn{padding:8px 11px;border-radius:9px;font-size:.72rem}.kid-empty-state{display:grid;justify-items:center;padding:54px 24px;border:1px dashed #d8dce8;border-radius:21px;text-align:center;background:#fbfbfe}.empty-illustration{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;color:#fff;background:#5b64ca;font-size:1.6rem;box-shadow:0 14px 30px #4f59c933}.kid-empty-state h3{margin:18px 0 7px;color:#292f4a}.kid-empty-state p{max-width:480px;margin:0;color:#747b90;line-height:1.6}.kid-bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:34px}.recent-activity-card,.kid-tip-card{padding:22px;border:1px solid #e5e7ef;border-radius:20px;background:#fff}.recent-results{display:grid;gap:5px}.recent-result-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 0;border-top:1px solid #f0f1f5}.recent-result-item:first-child{border-top:0}.recent-result-item div{min-width:0}.recent-result-item strong{display:block;overflow:hidden;color:#333950;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}.recent-result-item small{color:#888ea0;font-size:.7rem}.recent-result-item>b{color:#424bb2}.recent-subject-dot{width:10px;height:10px;border-radius:50%;background:#6671cc}.recent-subject-dot.subject-language{background:#ad6a8d}.recent-subject-dot.subject-science{background:#438e79}.recent-subject-dot.subject-history{background:#ae7848}.muted-empty{margin:0;color:#858a9b;line-height:1.55}.kid-tip-card{display:flex;gap:15px;color:#fff;border:0;background:#242b51}.kid-tip-card .section-eyebrow{color:#adb4f4}.kid-tip-card h2{margin:0 0 8px;font-size:1.25rem}.kid-tip-card p{margin:0;color:#ffffffad;line-height:1.55;font-size:.84rem}.tip-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#333a91;background:#fff;font-family:Georgia,serif;font-weight:900}@media(max-width:1050px){.kids-tests-grid{grid-template-columns:1fr}.kid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.kid-welcome{grid-template-columns:1fr}.kid-welcome-badge{display:none}.next-test-card{align-items:flex-start;flex-direction:column}.next-test-button{width:100%}.kid-section-heading{align-items:flex-start;flex-direction:column}.kid-bottom-grid{grid-template-columns:1fr}}@media(max-width:520px){.kid-stats{grid-template-columns:1fr 1fr;gap:9px}.kid-stats article{align-items:flex-start;flex-direction:column;padding:14px}.kid-test-card{grid-template-columns:1fr}.kid-test-visual{min-height:105px}.kid-test-footer{align-items:stretch;flex-direction:column}.kid-test-actions{display:grid;grid-template-columns:1fr 1fr}}:root{--primary: #4f58c8;--primary-dark: #3e46ad;--secondary: #7077d8;--accent: #f0b968;--success: #2c8b68;--warning: #c68039;--danger: #bf4f58;--bg: #f5f6fa;--surface: #ffffff;--surface-strong: #eef0f6;--text: #252b46;--text-muted: #747b91;--border: #e3e6ee;--shadow: 0 16px 40px rgba(36, 43, 81, .08);--radius: 22px;--radius-sm: 13px;--transition: .18s ease}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 90% 0%,rgba(97,106,207,.08),transparent 28%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body:before,body:after{display:none}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(79,88,200,.25);outline-offset:2px}.app-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto;align-items:center;gap:24px;padding:14px clamp(20px,4vw,48px);border-bottom:1px solid rgba(224,227,236,.92);background:#ffffffeb;box-shadow:0 6px 22px #232b4e09;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header:after{display:none}.site-brand{min-width:0;gap:12px}.brand-mark{width:45px;height:45px;border-radius:13px;color:#fff;background:#4f58c8;box-shadow:0 10px 20px #4852be33}.brand-name{color:#232944;font-size:.94rem}.brand-tag{color:#848a9e;font-size:.72rem}.header-center h2{color:#2a304a;font-size:1.08rem;letter-spacing:-.02em}.header-center p{margin-top:3px;color:#848a9d;font-size:.78rem}.header-actions{gap:8px}.app-container{width:min(1220px,calc(100% - 38px));margin:28px auto 50px}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:0;border-radius:11px;font-weight:780;cursor:pointer;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--primary);box-shadow:0 9px 18px #4f58c82e}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary,.btn-ghost{color:#5961bc;border:1px solid #dfe2ee;background:#fff}.btn-ghost:hover,.btn-secondary:hover{border-color:#cfd3e7;background:#f5f6fb}.detail-card,.dashboard-card,.book-card,.question-card,.test-sidebar-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.hero-card{border:1px solid #dfe3f3;background:linear-gradient(135deg,#f0f1fc,#fff);box-shadow:var(--shadow)}.progress-track{overflow:hidden;border-radius:99px;background:#e8eaf2}.progress-fill{background:linear-gradient(90deg,#4f58c8,#777cda)}.chip{color:#5d65bd;border:1px solid #dfe2f0;background:#f5f6fc}.table-modern{width:100%;border-collapse:collapse}.table-modern th{color:#747b90;background:#f7f8fb;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.table-modern th,.table-modern td{padding:12px 14px;border-bottom:1px solid #ebedf3;text-align:left}.app-footer{padding:20px clamp(20px,4vw,48px);border-top:1px solid #e3e6ee;background:#fff}.app-footer p,.footer-links a{color:#82889b;font-size:.76rem}.catalogue-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.catalogue-intro h3{margin:3px 0 5px;color:#29304b;font-size:1.45rem}.catalogue-intro p{margin:0;color:#7a8093}.section-kicker{color:#6670cb;font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.catalogue-filters{display:flex;gap:7px;overflow-x:auto;margin-bottom:15px}.catalogue-filters .chip{border:0;cursor:pointer}.catalogue-filters .chip.active{color:#fff;background:#4f58c8}.parent-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.parent-test-card{padding:20px;border:1px solid #e4e7ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px #242b510e}.parent-test-card[hidden]{display:none}.parent-test-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5f68c2;font-size:.72rem;font-weight:800}.parent-test-topline small{color:#8b90a1}.parent-test-card h3{margin:12px 0 6px;color:#29304b}.parent-test-card>p{min-height:42px;margin:0;color:#777d91;font-size:.82rem;line-height:1.55}.parent-test-meta{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0;color:#737a90;font-size:.69rem}.parent-test-meta span{padding:5px 8px;border-radius:7px;background:#f4f5f9}.assignment-select{display:grid;gap:5px;margin-bottom:12px;color:#555d73;font-size:.74rem;font-weight:750}.assignment-select select{width:100%;padding:10px;border:1px solid #dfe2eb;border-radius:9px;color:#303750;background:#fff}.parent-test-card>.btn{width:100%}.loading-copy{color:#7c8296}@media(max-width:900px){.app-header{grid-template-columns:1fr auto}.header-center{display:none}}@media(max-width:780px){.parent-test-grid{grid-template-columns:1fr}}@media(max-width:620px){.app-header{padding:12px 14px}.brand-tag{display:none}.brand-mark{width:40px;height:40px}.header-actions>*:not(#btn-logout){display:none}.app-container{width:calc(100% - 24px);margin:18px auto 35px}.app-footer{align-items:flex-start;flex-direction:column}}