*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:        #ffffff;
  --bg-soft:   #f4f5f7;
  --bg-card:   #f9fafb;
  --dark:      #13131e;
  --dark-2:    #13131e;
  --dark-card: #1a1a28;
  --text:      #0c0c14;
  --text-2:    #4b5063;
  --text-3:    #9299b0;
  --accent:    #55b8f0;
  --accent-dk: #0369a1;
  --accent-bg: #e0f2fe;
  --orange:    #e8520a;
  --border:    #e4e6ed;
  --border-dk: rgba(255,255,255,0.08);
  --green:     #15803d;
  --green-bg:  #dcfce7;
  --red:       #b91c1c;
  --red-bg:    #fee2e2;
  --shadow:    0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.1);
}

html { scroll-behavior: smooth; height: 100%; overflow-x: hidden; }
body {
  font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); overflow-x: clip; -webkit-font-smoothing: antialiased;
  min-height: 100vh; display: flex; flex-direction: column;
}