:root{--g-blue: #1868db;--g-red: #ef4444;--g-yellow: #f59e0b;--g-green: #10b981;--blue-tint: #eff6ff;--red-tint: #fef2f2;--yellow-tint: #fffbeb;--green-tint: #ecfdf5;--blue-dark: #1d4ed8;--red-dark: #dc2626;--green-dark: #059669;--ink: #020408;--ink-mid: #374151;--ink-light: #6b7280;--border: #e5e7eb;--border-soft: #f0f1f5;--surface: #f4f5f7;--white: #FFFFFF;--elev-1: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--elev-2: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.05);--elev-3: 0 20px 60px rgba(100,90,200,.1), 0 4px 12px rgba(0,0,0,.05);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 100px;--font-display: "Plus Jakarta Sans", sans-serif;--font-ui: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--tr: .2s cubic-bezier(.2,0,0,1);--tr-slow: .34s cubic-bezier(.2,0,0,1)}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}}