:root{--bg-primary: #0b0f19;--bg-card: #111827;--bg-card-hover: #1a2333;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .15);--border-color: #1f2937}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.5px}h2{font-size:1.5rem;color:var(--accent);margin-bottom:1.25rem;font-weight:600}h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:.5rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;transition:transform .2s ease,border-color .2s ease}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.badge-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.badge{background-color:var(--accent-glow);color:var(--accent);border:1px solid rgba(56,189,248,.3);padding:.35rem .85rem;border-radius:6px;font-size:.875rem;font-weight:500}.btn{display:inline-block;background-color:var(--accent);color:#0b0f19;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;margin-right:1rem;margin-top:1rem;transition:opacity .2s}.btn:hover{opacity:.9}.btn-outline{background-color:transparent;color:var(--accent);border:1px solid var(--accent)}nav a.active{color:#38bdf8!important;font-weight:600}