*{box-sizing:border-box;margin:0}body{color:#e2e8f0;background:#020617;font-family:system-ui,sans-serif}.page{max-width:1040px;margin:0 auto;padding:0 20px}.nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{letter-spacing:.2em;color:#34d399;font-weight:900}.link{color:#94a3b8;font-weight:600;text-decoration:none}.link:hover{color:#fff}.hero{text-align:center;padding:90px 0 60px}.hero h1{color:#fff;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:900}.hero p{color:#94a3b8;margin-top:16px;font-size:1.15rem}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.btn{border-radius:14px;padding:14px 26px;font-weight:800;text-decoration:none}.primary{color:#022c22;background:#10b981}.primary:hover{background:#34d399}.ghost{color:#e2e8f0;border:1px solid #334155}.ghost:hover{border-color:#64748b}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:24px}.card h3{color:#fff;margin-bottom:8px}.card p,.clubs p{color:#94a3b8;line-height:1.5}.clubs{text-align:center;background:#0f172a;border:1px solid #1e293b;border-radius:24px;margin:80px 0 40px;padding:48px 24px}.clubs h2{color:#fff;margin-bottom:12px;font-size:2rem}.clubs .btn{margin-top:24px;display:inline-block}.foot{text-align:center;color:#475569;padding:30px 0;font-size:.85rem}
