:root{--bg:#fbf8ff;--surface:#fff;--text:#1f1733;--muted:#665c7a;--primary:#6d35d6;--primary-2:#8b5cf6;--accent:#12b886;--border:#e8ddff;--shadow:0 18px 50px rgba(64,32,120,.12);--radius:22px;--font:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fbf8ff 0,#f7fbff 100%);color:var(--text);font-family:var(--font);line-height:1.65}a{color:inherit;text-decoration:none}main{max-width:1180px;margin:0 auto;padding:28px 20px 70px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border)}.brand{font-weight:850;font-size:1.25rem;display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--primary);color:white}.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav a{font-weight:650;color:var(--muted)}.nav a:hover{color:var(--primary)}.app-link{background:#f0e8ff;padding:9px 13px;border-radius:999px}.mode-toggle{border:1px solid var(--border);background:white;border-radius:999px;padding:9px 13px;color:var(--primary);font-weight:700;cursor:pointer}.hero,.page-hero{background:radial-gradient(circle at top right,#efe5ff,transparent 40%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px;padding:48px;margin-bottom:34px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(2.1rem,5vw,4.7rem);line-height:1.03;margin:.2em 0}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem)}.hero p,.page-hero p{font-size:1.1rem;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;color:var(--primary);font-weight:850;letter-spacing:.12em;font-size:.78rem}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:12px 18px;font-weight:850;cursor:pointer}.btn.primary{background:var(--primary);color:white}.btn.secondary{background:#eee6ff;color:#4b249c}.hero-card,.card,.list-card,.question-card,.video-card,.empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat-grid div{background:#f6f0ff;border-radius:16px;padding:16px}.stat-grid strong{display:block;font-size:1.8rem}.stat-grid span{color:var(--muted)}.section{margin:42px 0}.section-heading{max-width:720px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{padding:24px}.lift{transition:.2s transform,.2s box-shadow}.lift:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(64,32,120,.18)}.split,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.feature-list{display:flex;gap:10px;flex-wrap:wrap}.feature-list span,.chips span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 13px;font-weight:700;color:var(--muted)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:-16px 0 28px}.list-cards{display:grid;gap:12px}.list-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;background:white;border:1px solid var(--border);border-radius:18px}.list-card h3{margin:0}.list-card p{margin:.25rem 0 0;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.video-card{padding:14px}.video-card iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#111}.question-card{padding:22px;margin:0 0 18px}.question-card h3{white-space:pre-line}.options{display:grid;gap:10px;margin:16px 0}.option{text-align:left;background:#f7f2ff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;cursor:pointer;font-weight:650;color:var(--text)}.option.correct{background:#d7f9e8;border-color:#65d39a}.option.wrong{background:#ffe2e2;border-color:#ff9999}.answer-panel{background:#f6f0ff;border-radius:14px;padding:14px;margin-top:12px}.score{font-weight:850;margin:20px 0;color:var(--primary)}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.flashcard{display:block;min-height:180px;background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:22px;text-align:left;cursor:pointer;color:var(--text);font:inherit}.flashcard .back{display:none;font-weight:750;color:var(--primary)}.flashcard.flipped .front{display:none}.flashcard.flipped .back{display:block}.flashcard.mini{margin:0 0 12px;min-height:120px}.faq details{background:white;border:1px solid var(--border);border-radius:18px;padding:18px;margin-bottom:12px}.faq summary{font-weight:850;cursor:pointer}.search-form{display:flex;gap:10px;max-width:760px}.search-form input{flex:1;border:1px solid var(--border);border-radius:999px;padding:14px 18px;font-size:1rem}.footer{border-top:1px solid var(--border);padding:30px 22px;margin-top:50px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);background:white}.footer-links{display:flex;gap:16px}.dyslexia{--bg:#fff9dc;--surface:#fffdf0;--text:#181818;--muted:#333;--primary:#4c2f99;--border:#d9cf99;background:var(--bg);font-family:Arial,Verdana,Tahoma,sans-serif;letter-spacing:.04em;word-spacing:.12em}.dyslexia p,.dyslexia li{font-size:1.05rem}.dyslexia .hero,.dyslexia .page-hero,.dyslexia .card,.dyslexia .list-card,.dyslexia .question-card,.dyslexia .flashcard{box-shadow:none}@media(max-width:820px){.hero,.split,.two-col{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.nav{font-size:.95rem}.hero,.page-hero{padding:28px}.list-card{display:block}}