:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--accent: #3b82f6;--accent-hover: #2563eb;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent: #3b82f6;--accent-hover: #2563eb;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2.25rem}h3{font-size:1.75rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-8{gap:2rem}.mt-8{margin-top:2rem}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--glass-border);margin-bottom:2rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--glass-border);transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}