:root{
  --ink:#1a1a2e;--bg:#fafafa;--card:#fff;--line:#e5e7eb;--muted:#6b7280;
  --input-bg:#fff;--accent:#7c3aed;--science:#3b82f6;--entrepreneurship:#f59e0b;--technology:#10b981;
  --radius:16px;--font:'Inter',system-ui,-apple-system,sans-serif;
}
[data-theme="dark"]{
  --ink:#e2e8f0;--bg:#0f172a;--card:#1e293b;--line:#334155;--muted:#94a3b8;
  --input-bg:#1e293b;--accent:#a78bfa;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;transition:background .3s,color .3s}
a{color:var(--accent);text-decoration:none}
.page{max-width:1100px;margin:0 auto;padding:24px 20px}
.hero{text-align:center;padding:32px 0 20px}
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.hero h1{font-size:clamp(28px,5vw,40px);font-weight:800;margin:4px 0}
.lede{font-size:15px;color:var(--muted);max-width:640px;margin:8px auto 16px}
.hero-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hero-links a{border:1px solid var(--line);border-radius:var(--radius);padding:8px 18px;font-size:14px;transition:all .2s}
.hero-links a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.theme-toggle{position:fixed;top:16px;right:16px;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;background:var(--card);color:var(--ink);z-index:100;transition:all .2s}
.theme-toggle:hover{border-color:var(--accent)}