@charset "UTF-8";
/* ColdMailify - Dark UI (matches login page) */

:root {
  --bg: #0b0c0f;
  --bg-card: #111318;
  --bg-elev: #0f1116;
  --border: #2a2d36;
  --muted: #9aa0a6;
  --text: #e6e6e6;
  --gold: #f5d565;
  --primary: #3b82f6;
  --primary-weak: rgba(59,130,246,.25);
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius: 16px;
  --radius-sm: 12px;
  --container: 1120px;
  color-scheme: dark;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.5;
}

img { max-width: 100%; display: block; }
a { color: var(--primary); text-decoration: none; }
a:hover { filter: brightness(1.05); }

.gold { color: var(--gold); }
.muted, .sub { color: var(--muted); }

.container { max-width: var(--container); margin: 0 auto; padding: 16px; }
.panel, .card { background: var(--bg-card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; }

/* Header / Navigation */
.site-header { position: sticky; top: 0; z-index: 20; background: #111318; border-bottom: 1px solid rgba(255,255,255,.07); }
.header-flex { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.logo { font-weight: 800; letter-spacing:.2px; color: var(--text); }
.nav ul { display:flex; gap:14px; list-style:none; margin:0; padding:0; }
.nav a { display:inline-block; padding:10px 12px; border-radius:12px; color: var(--text); border:1px solid transparent; }
.nav a:hover { background: var(--bg-elev); border-color: var(--border); }
.nav a.active { background: var(--bg-elev); border-color: var(--border); }

/* --- Make Email Organizer one line & yellow --- */
.nav .organizer-link {
  white-space: nowrap;          /* never wrap to 2 lines */
  color: #FFD54A;               /* yellow */
  font-weight: 700;
}
.nav .organizer-link:hover { color: #FFE27A; }
.nav .organizer-link.active { color: #FFEA70; text-decoration: underline; }

/* Buttons */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 14px; border-radius: var(--radius-sm);
  border:1px solid var(--border); background: var(--bg-elev);
  color:#fff; font-weight:700; cursor:pointer; text-decoration:none;
  transition: filter .12s ease, transform .06s ease, border-color .12s ease;
}
.btn:hover { filter:brightness(1.05); }
.btn:active { transform: translateY(1px); }
.btn.primary { background: var(--primary); border-color: var(--primary); }
.btn.accent { border-color: var(--gold); color: var(--gold); }

/* Forms */
input[type=text], input[type=email], input[type=password], textarea, select {
  width:100%; padding:12px; border-radius: var(--radius-sm);
  border:1px solid var(--border); background: var(--bg-elev); color: var(--text);
}
input:focus, textarea:focus, select:focus {
  outline:none; border-color: var(--primary); box-shadow:0 0 0 3px var(--primary-weak);
}
label { font-size:13px; display:grid; gap:6px; }
.error { background:#2a1111; color:#ffb0b0; padding:8px 10px; border-radius:10px; font-size:14px; margin:8px 0 12px; }
.success { background:#11301e; color:#b5ffc8; padding:8px 10px; border-radius:10px; font-size:14px; margin:8px 0 12px; }

/* Hero section */
.hero { padding:48px 16px 32px; text-align:center; }
.hero h1 { margin:0 0 8px; font-size:28px; font-weight:800; letter-spacing:.2px; }
.hero .sub { max-width:680px; margin:8px auto 16px; }
.cta-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* Grids */
.features-grid