*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block;height:auto}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} .skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 14px;background:#fff;color:#000;z-index:10000;border-radius:8px;outline:2px solid var(--primary)}:root{--bg:#FFFBF7;--surface:#F3EDE5;--surface-2:#F7F4EF;--text:#0C1116;--muted:#6B7280;--primary:#0E948B;--primary-2:#0B6E67;--accent:#C99A2E;--ring:#14B8A6;--shadow:0 10px 30px rgba(12,17,22,.12)}[data-theme="dark"]{--bg:#0B1014;--surface:#121921;--surface-2:#0E151C;--text:#F5F7FB;--muted:#9AA3AF;--primary:#14B8A6;--primary-2:#0E948B;--accent:#D4AF37;--ring:#22D3EE;--shadow:0 10px 30px rgba(0,0,0,.5)}.container{width:min(1200px,92vw);margin-inline:auto;padding:24px}.site-header{position:sticky;top:0;z-index:999;background:color-mix(in oklab,var(--bg) 85%,transparent);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid color-mix(in oklab,var(--text) 8%,transparent)}.site-header .container{display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo img{width:32px;height:32px}.brand{font-weight:800;letter-spacing:.2px}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{color:var(--text);text-decoration:none;font-weight:600}.main-nav a:hover{opacity:.9}.btn{--b:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 14px 40px rgba(14,148,139,.25)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn.ghost{background:transparent;color:var(--primary);border:2px solid color-mix(in oklab,var(--primary) 60%,transparent);box-shadow:none}.btn.small{padding:8px 12px}.theme-toggle{margin-left:8px;background:var(--surface-2);color:var(--text);border:1px solid color-mix(in oklab,var(--text) 12%,transparent);border-radius:999px;padding:6px 10px;cursor:pointer}.nav-toggle{display:none;background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 12%,transparent);border-radius:10px;padding:8px 10px}.hamburger{width:18px;height:2px;background:var(--text);position:relative;display:inline-block}.hamburger::before,.hamburger::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--text)}.hamburger::before{top:-6px}.hamburger::after{top:6px}.hero{position:relative;padding-block:56px}.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.eyebrow{font-size:.9rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:10px 0 12px}.hero .subhead{font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:60ch}.hero .hero-highlights{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;padding:0;list-style:none}.hero .hero-highlights li{background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:999px;padding:6px 10px;font-weight:600;color:var(--text)}.hero-visual{position:relative;border-radius:18px;overflow:hidden;border:1px solid color-mix(in oklab,var(--text) 10%,transparent);box-shadow:var(--shadow)}.bg-pattern{position:absolute;inset:0;background:radial-gradient(1200px 400px at 20% -10%, color-mix(in oklab,var(--primary) 18%,transparent), transparent 40%), radial-gradient(900px 300px at 100% 10%, color-mix(in oklab,var(--accent) 18%,transparent), transparent 50%);pointer-events:none;z-index:-1}.section{padding-block:56px}.section.alt{background:var(--surface)}.section-intro h2{font-size:clamp(24px,3.2vw,36px);margin:0 0 10px}.section-intro p{color:var(--muted);max-width:65ch}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.card{background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.level{background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;padding:18px}.level h3{display:flex;align-items:center;gap:10px}.rtl{font-family:"Noto Naskh Arabic",serif;direction:rtl}.method .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;margin:18px 0 0;padding:0}.method .steps li{list-style:none;background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;padding:18px;position:relative}.method .steps li::before{counter-increment:step;content:counter(step);position:absolute;top:-12px;left:-12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;box-shadow:var(--shadow)}.tutor-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.tutor-photo{border-radius:18px;border:1px solid color-mix(in oklab,var(--text) 10%,transparent);box-shadow:var(--shadow)}.badges{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none}.badges li{background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:999px;padding:6px 10px;font-weight:600}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}blockquote{margin:0;background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:14px;padding:18px;font-size:1.05rem}blockquote footer{margin-top:10px;color:var(--muted)}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.contact-form .fields{display:flex;flex-direction:column;gap:8px}.contact-form .fields.full{grid-column:1/-1}.contact-form label{font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{background:var(--surface-2);color:var(--text);border:1px solid color-mix(in oklab,var(--text) 12%,transparent);border-radius:12px;padding:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 25%,transparent)}.consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start}.privacy{grid-column:1/-1;color:var(--muted);font-size:.95rem}.notice{border-radius:12px;padding:12px 14px;margin:12px 0}.notice.success{background:color-mix(in oklab,var(--primary) 14%,transparent);border:1px solid color-mix(in oklab,var(--primary) 35%,transparent)}.notice.error{background:color-mix(in oklab,crimson 10%,transparent);border:1px solid color-mix(in oklab,crimson 35%,transparent)}.faq details{background:var(--surface-2);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:12px;padding:12px 14px;margin:10px 0}.faq summary{cursor:pointer;font-weight:700}.site-footer{border-top:1px solid color-mix(in oklab,var(--text) 8%,transparent);background:var(--surface-2)}.site-footer .container{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.site-footer nav ul{display:flex;gap:14px;list-style:none;margin:0;padding:0}.footer-meta{display:flex;gap:14px;align-items:center;color:var(--muted)}.floating-cta{position:fixed;right:18px;bottom:18px;z-index:999}.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.reveal.reveal-visible{opacity:1;transform:none}@media (max-width:960px){.hero .container{grid-template-columns:1fr}.tutor-wrap{grid-template-columns:1fr}.grid-3,.levels-grid,.method .steps,.quotes{grid-template-columns:1fr}.main-nav ul{position:fixed;top:64px;right:16px;left:16px;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-toggle{display:inline-flex}.main-nav.open ul{opacity:1;transform:none;pointer-events:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important} .btn,.card,.reveal{transition:none} .hero .hero-highlights li,.bg-pattern{background:none}}a{color:var(--primary)}a:hover{opacity:.9}a:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.theme-toggle:focus-visible,.nav-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}input[type=checkbox]{accent-color:var(--primary)}.hero .cta{display:flex;gap:10px;margin-top:14px}.main-nav.open .nav-toggle[aria-expanded="true"] .hamburger{background:transparent}.main-nav.open .nav-toggle[aria-expanded="true"] .hamburger::before{transform:translateY(6px) rotate(45deg)}.main-nav.open .nav-toggle[aria-expanded="true"] .hamburger::after{transform:translateY(-6px) rotate(-45deg)}