:root { --bg: #050505; --card: #0f0f12; --accent: #00ffaa; --text: #fafafa; --dim: #888; --danger: #ff3e3e; } body { font-family: 'Space Grotesk', sans-serif; background: var(--bg); color: var(--text); margin: 0; line-height: 1.6; } #loader { position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 9999; display: none; flex-direction: column; align-items: center; justify-content: center; } .spinner { width: 60px; height: 60px; border: 4px solid #111; border-top-color: var(--accent); border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .container { max-width: 1100px; margin: 0 auto; padding: 2rem; } nav { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2rem; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 100; background: rgba(5,5,5,0.8); backdrop-filter: blur(10px); } .logo { font-weight: 700; font-size: 1.5rem; text-decoration: none; color: var(--accent); } .btn { background: var(--accent); color: #000; padding: 0.8rem 1.8rem; border-radius: 4px; text-decoration: none; font-weight: 700; border: none; cursor: pointer; transition: 0.3s; display: inline-block; text-transform: uppercase; font-size: 0.8rem; } .btn-outline { background: transparent; border: 1px...