:root{--primary:#0b5ed7;--dark:#0f172a;--muted:#475569;--border:#e2e8f0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,Arial,sans-serif;color:var(--dark);line-height:1.6}
.container{max-width:1100px;margin:auto;padding:0 20px}
.section{padding:64px 0}
h1{font-size:2.4rem;margin-bottom:16px}
h2{font-size:1.8rem;margin-bottom:12px}
h3{font-size:1.1rem;margin-bottom:8px}
p{color:var(--muted);margin-bottom:12px}
.lead{max-width:760px;margin-bottom:24px}
header{background:linear-gradient(180deg,#0f172a,#020617);color:#fff}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-weight:700;font-size:1.2rem}
nav a{color:#cbd5f5;text-decoration:none;margin-left:18px}
nav a:hover{color:#fff}
.hero{text-align:center;padding:90px 20px}
.hero p{color:#cbd5f5}
.btn{background:var(--primary);color:#fff;padding:12px 26px;border-radius:6px;text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{border:1px solid var(--border);padding:20px;border-radius:8px}
.page-header{background:#0f172a;color:#fff;text-align:center;padding:60px 20px}
footer{background:#020617;color:#94a3b8;padding:32px 0;font-size:.9rem}
footer a{color:#cbd5f5;text-decoration:none}
/* ---- Visual Enhancements ---- */
nav {
  display: flex;
  flex-wrap: wrap;   /* 👈 THIS IS THE KEY */
  align-items: center;
  gap: 12px;
}
.image-caption {
  font-size: 0.9rem;
  color: #555;
  margin: 8px 0 24px;
  text-align: center;
}
.hero {
  background: radial-gradient(circle at top, #1e293b, #020617);
}
.hero {
  position: relative;
  color: #ffffff;
}
.hero h1 {
  letter-spacing: -0.5px;
}

.section:nth-child(even) {
  background: #f8fafc;
}
.hero h1,
.hero h2,
.hero p {
  color: #ffffff;
  opacity: 1;
}
.card {
  position: relative;
}

.card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 1px solid transparent;
}

.card:hover::after {
  border-color: #c7d2fe;
}
.section + .section {
  border-top: 1px solid #e2e8f0;
}
/* ===============================
   Partner Form Styling
================================ */

.partner-section {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
}

.partner-section h2 {
  margin-bottom: 10px;
}

.partner-section .section-intro {
  margin-bottom: 30px;
  color: #444;
  line-height: 1.6;
}

.partner-form fieldset {
  border: 1px solid #e2e8f0;
  padding: 20px;
  margin-bottom: 25px;
  border-radius: 6px;
}

.partner-form legend {
  padding: 0 10px;
  font-weight: 600;
  color: #1e293b;
}

.partner-form label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
}

.partner-form input,
.partner-form select,
.partner-form textarea {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  font-size: 14px;
}

.partner-form textarea {
  resize: vertical;
}

.partner-form .form-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.partner-form fieldset label input[type="radio"],
.partner-form fieldset label input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
}

.partner-form .consent label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
}

.partner-form .note {
  font-size: 13px;
  color: #555;
  margin-top: 10px;
}

.partner-form button {
  margin-top: 20px;
  padding: 14px 24px;
  background: #1e293b;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
}

.partner-form button:hover {
  background: #0f172a;
}

/* Hide honeypot properly */
.hidden-field {
  display: none;
}
/* Platform Accordion */
.platform-accordion {
  margin-top: 40px;
  border-top: 1px solid #e2e8f0;
}

.accordion-item {
  border-bottom: 1px solid #e2e8f0;
}

.accordion-header {
  width: 100%;
  background: none;
  border: none;
  padding: 18px 0;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-icon {
  font-size: 1.4rem;
  transition: transform 0.3s ease;
}

.accordion-content {
  display: none;
  padding-bottom: 20px;
}

.accordion-content p {
  margin-bottom: 10px;
}

.accordion-content ul {
  margin-left: 18px;
  margin-bottom: 12px;
}

.btn-link {
  display: inline-block;
  margin-top: 8px;
  color: #0b5ed7;
  font-weight: 600;
  text-decoration: none;
}