@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --ink: #172033; --muted: #68758b; --line: #e5eaf2;
  --surface: #fff; --surface-subtle: #fafbfe; --canvas: #f5f7fb;
  --brand: #635bff; --brand-dark: #4f46d9; --brand-soft: #eeedff;
  --brand-gradient: linear-gradient(135deg,#18aee0 0%,#365fea 55%,#6847e7 100%);
  --success: #16856a; --success-soft: #e8f7f2;
  --warning: #8a5a08; --warning-soft: #fff7e6;
  --danger: #b93850; --danger-soft: #fff0f2;
  --radius-sm: 10px; --radius: 16px; --radius-lg: 20px;
  --shadow: 0 8px 28px rgba(25,36,60,.07);
  --shadow-lg: 0 20px 55px rgba(25,36,60,.11);
  --focus: 0 0 0 3px rgba(99,91,255,.22);
  --content: 1200px; --control-height: 44px;
  color-scheme: light;
}
*,*::before,*::after{box-sizing:border-box}html{min-width:320px}
body,button,input,select,textarea{font-family:'DM Sans',system-ui,sans-serif}
body{color:var(--ink);background:var(--canvas);font-size:15px;line-height:1.5}
h1,h2,h3,.logo,.logo-text,.brand-text{font-family:'Space Grotesk',sans-serif}
button,input,select,textarea{font:inherit}button,[role="button"]{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}
button:disabled{cursor:not-allowed;opacity:.55}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}