*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Inter,sans-serif}
body{background:#fff;color:#1f2937}
.container{width:90%;max-width:1200px;margin:auto}

/* Header */
.header{background:#020617;position:sticky;top:0;z-index:999}
.header-flex{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{color:#fff;font-size:22px;font-weight:600}

nav ul{display:flex;gap:22px}
nav ul li{list-style:none}
nav ul li a{color:#e5e7eb;text-decoration:none}

.menu-toggle{display:none;color:#fff;font-size:26px;cursor:pointer}

/* Hero */
.hero{background:linear-gradient(135deg,#020617,#0f172a);color:#fff;text-align:center;padding:90px 0}
.hero h1{font-size:38px;margin-bottom:14px}
.hero p{margin-bottom:30px}

.cta-group{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.btn-primary{background:#2563eb;color:#fff;padding:12px 28px;border-radius:6px;text-decoration:none;border:none}
.btn-outline{border:1px solid #2563eb;color:#2563eb;padding:12px 28px;border-radius:6px;text-decoration:none}

/* Sections */
.section{padding:80px 0}
.light-bg{background:#f8fafc}
.section h2{text-align:center}
.section-sub{text-align:center;color:#475569;margin:10px 0 40px}

/* Cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{border:1px solid #e5e7eb;padding:26px;border-radius:8px;text-decoration:none;color:#111827;transition:.3s}
.card:hover{border-color:#2563eb;transform:translateY(-4px)}

/* Affiliates */
.affiliate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.affiliate-grid a{border:1px dashed #c7d2fe;padding:12px;text-align:center;border-radius:6px;text-decoration:none;color:#1e40af}

/* Form */
.contact-form{max-width:520px;margin:auto;display:flex;flex-direction:column;gap:15px}
.contact-form input,.contact-form textarea{padding:12px;border:1px solid #cbd5e1;border-radius:5px}
.success{text-align:center;color:green;margin-bottom:15px}
.error{text-align:center;color:red;margin-bottom:15px}

/* Footer */
.footer{background:#020617;color:#cbd5f5;text-align:center;padding:16px}
.footer a{color:#cbd5f5;text-decoration:none}

/* Mobile Menu */
@media(max-width:768px){
  nav{display:none;position:absolute;top:64px;left:0;width:100%;background:#020617}
  nav ul{flex-direction:column}
  nav ul li{border-top:1px solid #1e293b}
  nav ul li a{padding:14px;text-align:center;display:block}
  nav.active{display:block}
  .menu-toggle{display:block}
  .hero h1{font-size:30px}
}