:root{--bg: #1e1e2e;--surface: #181825;--text: #cdd6f4;--accent: #89b4fa;--accent-hover: #74c7ec;--secondary: #cba6f7;--success: #a6e3a1;--danger: #f38ba8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.btn{display:inline-block;padding:.9rem 2rem;background:var(--accent);color:var(--bg);text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .2s}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}h1,h2{color:var(--accent)}header nav{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.card{background:var(--surface);padding:2rem;border-radius:12px;margin:2rem 0}