*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-bg-elevated: #ffffff;--color-bg-secondary: #f5f5f5;--color-text: #0a0a0a;--color-text-secondary: #737373;--color-text-inverse: #ffffff;--color-primary: #000000;--color-primary-hover: #1a1a1a;--color-primary-rgb: 0, 0, 0;--color-border: #e5e5e5;--color-border-light: #f0f0f0;--color-border-focus: #d4d4d4;--color-hover: #f5f5f5;--color-error: #ef4444;--color-text-tertiary: #a3a3a3;--color-success: #22c55e;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 3px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--navbar-height: 60px;--z-modal: 1100}html,body{height:100%;font-family:var(--font-family);font-size:15px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{margin:0}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;transition:var(--transition-smooth)}.btn{padding:11px 22px;border-radius:var(--radius-lg);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-border-focus)}.btn-sm{padding:8px 14px;font-size:13px}.btn-sm .material-icons{font-size:18px}input,select,textarea{font-family:var(--font-family);font-size:15px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-bg-secondary: #1a1a1a;--color-text: #fafafa;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-text-inverse: #0a0a0a;--color-primary: #ffffff;--color-primary-hover: #e5e5e5;--color-primary-rgb: 255, 255, 255;--color-border: #2a2a2a;--color-border-light: #262626;--color-border-focus: #404040;--color-hover: #1a1a1a}[data-theme=dark] .btn-primary{background:#fff;color:#000}[data-theme=dark] .btn-primary:hover{background:#e5e5e5}[data-theme=dark] .btn-secondary{background:#262626;color:#fafafa;border:1px solid #404040}[data-theme=dark] .btn-secondary:hover{background:#333}[data-theme=dark] button.card,[data-theme=dark] .card h2,[data-theme=dark] .section h2,[data-theme=dark] .modal-header h2{color:var(--color-text)}