:root {
  --fd-navy: #0f172a;
  --fd-card: rgba(255,255,255,.08);
  --fd-purple: #8b5cf6;
  --fd-pink: #ec4899;
  --fd-soft: #f8fafc;
}
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.fd-gradient { background: radial-gradient(circle at top left, rgba(139,92,246,.35), transparent 34%), radial-gradient(circle at 75% 10%, rgba(236,72,153,.25), transparent 30%), linear-gradient(135deg, #0f172a 0%, #111827 55%, #1e1b4b 100%); }
.fd-glass { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(18px); }
.fd-btn { display:inline-flex; align-items:center; justify-content:center; border-radius: 999px; padding: .85rem 1.25rem; font-weight: 800; transition: .2s ease; }
.fd-btn-primary { background: linear-gradient(135deg, var(--fd-purple), var(--fd-pink)); color: white; box-shadow: 0 14px 35px rgba(139,92,246,.35); }
.fd-btn-primary:hover { transform: translateY(-1px); filter: brightness(1.06); }
.fd-btn-ghost { background: rgba(255,255,255,.08); color: white; border: 1px solid rgba(255,255,255,.18); }
.fd-input { width: 100%; border-radius: 1rem; border: 1px solid rgba(15,23,42,.12); background: white; padding: .85rem 1rem; outline: none; }
.fd-input:focus { border-color: #8b5cf6; box-shadow: 0 0 0 4px rgba(139,92,246,.12); }
.fd-card-light { background: white; border: 1px solid #e5e7eb; border-radius: 1.5rem; box-shadow: 0 20px 50px rgba(15,23,42,.08); }