:root{--bg:#050507;--surface:#0d0e14;--border:#1a1a2e;--accent:#00f0ff;--accent-purple:#7a00ff;--green:#10b981;--yellow:#f59e0b;--red:#ef4444;--text:#e2e8f0;--text-muted:#64748b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.2}::selection{background:#00f0ff33}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn-primary{color:#00f0ff;cursor:pointer;background:linear-gradient(135deg,#00f0ff22,#7a00ff22);border:1px solid #00f0ff55;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg,#00f0ff33,#7a00ff33);border-color:#00f0ff}.btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #1e2230;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#e2e8f0;border-color:#2d3450}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.tag{color:#00f0ff;letter-spacing:.05em;text-transform:uppercase;background:#00f0ff11;border:1px solid #00f0ff33;border-radius:100px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}