/* Theme-aware styles for the Coming Soon page */
:root{
  --cs-bg: #fbfbfd;
  --cs-card: #fff;
  --cs-accent: var(--accent, #7c5cff);
  --cs-muted: #6b6f76;
}
body .coming-soon-hero{ display:flex; justify-content:center; padding:48px 16px; }
.coming-soon-hero .cs-card{ max-width:980px; width:100%; background:var(--cs-card); border-radius:14px; box-shadow:0 12px 30px rgba(20,20,40,0.06); display:flex; gap:24px; padding:28px; align-items:center; }
.cs-icon{ font-size:48px; padding:6px 12px; }
.cs-content h1{ margin:0 0 8px 0; font-size:1.6rem; color:var(--cs-accent); }
.cs-content p.muted{ color:var(--cs-muted); margin:0 0 12px 0; }
.cs-list{ margin:0 0 12px 0; padding-left:20px; color:var(--cs-muted); }
.cs-list li{ margin:6px 0; }
.cs-actions{ display:flex; gap:8px; margin-top:8px; }
.cs-note{ text-align:center; margin-top:12px; }
.btn{ background:var(--cs-accent); color:#fff; padding:10px 14px; border-radius:8px; text-decoration:none; }
.btn-secondary{ background:transparent; border:1px solid rgba(0,0,0,0.06); color:var(--cs-accent); padding:10px 14px; border-radius:8px; text-decoration:none; }

@media (max-width:800px){
  .coming-soon-hero .cs-card{ flex-direction:column; text-align:center; }
  .cs-content h1{ font-size:1.25rem; }
  .cs-icon{ font-size:42px; }
}