*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #141414;--border: #1e1e1e;--text: #e0e0e0;--text-muted: #888;--accent: #00ff88;--accent-dim: #00cc6a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle,#ffffff08 1px,transparent 1px);background-size:32px 32px;pointer-events:none}header{position:relative;z-index:1;text-align:center;padding:5rem 1.5rem 2rem}header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;color:#fff}.accent{color:var(--accent)}.tagline{margin-top:.5rem;color:var(--text-muted);font-size:1.1rem}.tagline strong{color:var(--text);font-weight:500}main{position:relative;z-index:1;width:100%;max-width:900px;padding:2rem 1.5rem 4rem;flex:1}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover,.card:active{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px #00ff8815}.card:active{transform:translateY(-2px)}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.card p{color:var(--text-muted);line-height:1.6;flex:1}.card-link{display:inline-block;margin-top:1.25rem;color:var(--accent);font-weight:600;font-size:.9rem}.card:hover .card-link{text-decoration:underline}.card-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-dim);color:#000;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:999px}.card--soon{opacity:.7}.card--soon:hover{opacity:1}footer{position:relative;z-index:1;padding:2rem;color:var(--text-muted);font-size:.85rem}@media(max-width:768px){header{padding:3rem 1rem 1.5rem}main{padding:1.5rem 1rem 3rem}.cards{grid-template-columns:1fr;gap:1rem}.card{padding:1.5rem}.card h2{font-size:1.3rem}}@media(max-width:480px){header{padding:2rem 1rem 1rem}header h1{font-size:2rem}.tagline{font-size:.95rem}main{padding:1rem .75rem 2rem}.cards{grid-template-columns:1fr;gap:.75rem}.card{padding:1.25rem;border-radius:10px}.card-icon{font-size:2rem;margin-bottom:.75rem}.card h2{font-size:1.2rem}.card p{font-size:.9rem;line-height:1.5}.card-link{margin-top:1rem}footer{padding:1.5rem 1rem}}