:root {
  color-scheme: dark;
  --purple: #7c3cff;
  --purple-dark: #2d125f;
  --purple-soft: #211536;
  --ink: #f8f5ff;
  --muted: #b9add0;
  --line: #46355f;
  --cream: #0a0715;
  --white: #151022;
  --green: #2bd790;
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.48);
}

body { background: #0a0715; color: #f8f5ff; }
.site-header { background: rgba(10, 7, 21, 0.88); border-bottom-color: rgba(98, 71, 133, 0.48); }
.site-header.is-scrolled { background: rgba(10, 7, 21, 0.97); box-shadow: 0 12px 42px rgba(0, 0, 0, 0.32); }
.nav-menu a:hover, .nav-menu a:focus-visible, .nav-menu a.is-active { color: #c6a7ff; background: #211536; }
.hero { background: radial-gradient(circle at 73% 38%, rgba(112, 47, 245, 0.24), transparent 28%), linear-gradient(135deg, #090611, #120a21 48%, #1a0d30); }
.hero::after { background: radial-gradient(circle, rgba(124, 60, 255, 0.18), transparent 66%); }
.hero-glow-one { background: rgba(112, 60, 235, 0.16); }
.hero-glow-two { background: rgba(171, 118, 255, 0.14); }
.hero h1 span { color: #a875ff; text-shadow: 0 0 42px rgba(136, 72, 255, 0.24); }
.hero-description { color: #b9add0; }
.button-primary { background: linear-gradient(135deg, #925cff, #5b25ee); box-shadow: 0 16px 38px rgba(114, 56, 245, 0.38); }
.button-quiet { color: #c3a3ff; background: rgba(34, 24, 52, 0.78); border-color: #46355f; }
.phone-frame { overflow: visible; background: transparent; border: 0; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.45), 0 0 70px rgba(116, 52, 255, 0.12); }
.floating-note { background: rgba(30, 20, 47, 0.92); border-color: #594274; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35); }
.intro, .smart-checklist, .privacy, .download { background: #0d0918; }
.journey-card { background: linear-gradient(145deg, #171022, #100b1c); border-color: #46355f; box-shadow: inset 0 1px rgba(255, 255, 255, 0.03); }
.story-section { background: radial-gradient(circle at 80% 38%, rgba(116, 48, 244, 0.18), transparent 32%), linear-gradient(180deg, #120a20, #0b0713 92%); }
.prompt-example { background: #171022; border-color: #46355f; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25); }
.check-list li { color: #ded5ec; }
.soft-orbit { background: radial-gradient(circle, rgba(112, 55, 239, 0.32), rgba(64, 30, 108, 0.15) 45%, transparent 70%); }
.mini-cards > div { background: #1b122b; border: 1px solid #46355f; }
.reminders { background: radial-gradient(circle at 72% 44%, rgba(126, 62, 255, 0.2), transparent 30%), linear-gradient(145deg, #090611, #170b28); }
.reminder-list > div { background: rgba(31, 21, 48, 0.86); border-color: #46355f; }
.email-card { background: rgba(26, 18, 41, 0.97); border-color: #5b417b; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42); }
.email-progress { background: #302341; }
.memories { background: radial-gradient(circle at 65% 45%, #261248, #10081d 45%, #07050d); }
.memory-caption { background: rgba(31, 20, 48, 0.97); border: 1px solid #46355f; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42); }
.memory-caption p { color: #d2c7df; }
.privacy-panel { background: radial-gradient(circle at 20% 10%, rgba(119, 56, 243, 0.2), transparent 40%), linear-gradient(140deg, #1a1029, #100a1c); border-color: #46355f; }
.privacy-points span { background: rgba(31, 21, 48, 0.86); border-color: #46355f; }
.download-panel { background: radial-gradient(circle at 80% 0%, rgba(152, 93, 255, 0.4), transparent 35%), linear-gradient(135deg, #301064, #170b2c); border: 1px solid #5b397e; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42); }
.form-row { background: #120d1d; border: 1px solid #5b417b; }
.form-row input { color: #f8f5ff; }
.site-footer { background: #050309; }

@media (max-width: 760px) {
  .nav-toggle, .nav-menu { background: rgba(20, 13, 32, 0.98); border-color: #46355f; }
  .nav-toggle span[aria-hidden="true"] { background: #f8f5ff; }
}