:root{--bg:#0b0b0d;--card:#15151a;--text:#eaeaf0;--muted:#a8acb3;--accent:#e63946;--accent-2:#39ff14;}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(180deg,#0f0f13,#0b0b0d)}
.brand{display:flex;gap:12px;align-items:center}.logo{width:36px;height:36px;border-radius:9px;background:radial-gradient(circle at 30% 30%,var(--accent),#8a1d24 60%,#2a0f12);box-shadow:0 0 24px rgba(230,57,70,.35)}
.brand h1{font-size:1.1rem;margin:0;letter-spacing:.4px}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}nav a{padding:8px 10px;border-radius:8px}nav a.active, nav a:hover{background:rgba(230,57,70,.12)}
.hero{padding:80px 20px;text-align:center;background:radial-gradient(1200px 400px at 50% -10%, rgba(230,57,70,.15), transparent 60%),radial-gradient(900px 500px at 10% 110%, rgba(57,255,20,.07), transparent 60%),radial-gradient(900px 500px at 90% 110%, rgba(57,255,20,.05), transparent 60%);border-bottom:1px solid rgba(255,255,255,.06)}
.hero h2{font-size:2.6rem;margin:0 0 10px 0}.hero p{color:var(--muted);max-width:800px;margin:0 auto 18px}
.cta{display:inline-block;margin-top:12px;background:var(--accent);color:white;padding:12px 18px;border-radius:10px;font-weight:600;box-shadow:0 6px 20px rgba(230,57,70,.35);transition:transform .08s ease}.cta:hover{transform:translateY(-1px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:28px 0}
.card{background:var(--card);padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.card h3{margin-top:0}
.footer{border-top:1px solid rgba(255,255,255,.06);color:var(--muted);padding:26px 20px;text-align:center}
.input, textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f0f13;color:var(--text)}
label{display:block;margin:10px 0 6px 0;color:var(--muted)}button.primary{background:var(--accent);color:white;border:none;padding:12px 16px;border-radius:10px;cursor:pointer;font-weight:600}button.primary:hover{filter:brightness(1.05)}
.notice{font-size:.95rem;color:var(--muted);margin-top:10px}