/* Global Styles */
:root {
  --color-bg:#F7F8FB;
  --color-text:#1F2230;
  --color-text-secondary:#5A5F73;
  --color-primary:#6C4DFF;
  --color-primary-hover:#5d3ef2;
  --color-border:#E4E6EE;
  --radius-base:12px;
  --max-width:1120px;
  --transition: .2s cubic-bezier(.4,0,.2,1);
}

body { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif; -webkit-font-smoothing:antialiased; }

/* Utilities */
.text-center { text-align:center; }
.mt-sm { margin-top:12px; }
.mt-md { margin-top:24px; }
.mt-lg { margin-top:48px; }

/* Reusable */
.btn--sm { --btn-height:42px; font-size:14px; padding:0 20px; }
.btn--block { width:100%; justify-content:center; }
.btn--outline { background:#fff; color:var(--color-primary); border:1px solid var(--color-primary); box-shadow:none; }
.btn--outline:hover { background:#F5F3FF; }

/* Animations */
@media (prefers-reduced-motion:no-preference){
  [data-anim="fade-up"] { opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
  [data-anim="fade-up"].is-in { opacity:1; transform:translateY(0); }
}

/* Responsive refinement */
@media (max-width:640px){
  .hero__title { font-size:32px !important; }
  .cta-banner h2 { font-size:28px !important; }
  .hero__actions { flex-direction:column; align-items:stretch; }
}

/* Dark mode (optional toggle placeholder) */
@media (prefers-color-scheme:dark){
  body { background:#14161B; color:#E8EAF1; }
  .card { background:#1D2027; border-color:#2A2F3A; }
  .hero__badge { background:#1D2027; border-color:#2A2F3A; }
  .hero__subtitle, .muted { color:#A6ADBD; }
  .cta-banner { background:linear-gradient(135deg,#5c3ded,#8c6bff); }
  footer { color:#8B93A6; }
}

/* Placeholder for future expansions */