:root{--font-family: "Inter", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Inter", "Noto Sans SC", system-ui, sans-serif;--line-height: 1.6;--font-weight: 400;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: #DBEAFE;--color-secondary: #3B82F6;--color-cta: #F97316;--color-cta-hover: #EA580C;--color-success: #10B981;--color-success-light: #D1FAE5;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-warning: #F59E0B;--color-bg: #F8FAFC;--color-bg-secondary: #F1F5F9;--color-surface: #FFFFFF;--color-surface-hover: #F8FAFC;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-card-hover: 0 8px 24px -4px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .02);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color-text-primary);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:600;color:var(--color-text-primary);line-height:1.3}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin:0;color:var(--color-text-secondary)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;font-family:inherit;background-color:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);box-shadow:var(--shadow-xs);white-space:nowrap}button:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm),0 0 #2563eb33}button.primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);box-shadow:var(--shadow-md),0 0 0 3px #2563eb26}button.cta{background:linear-gradient(135deg,var(--color-cta) 0%,#FB923C 100%);color:#fff;border-color:transparent}button.cta:hover{background:linear-gradient(135deg,var(--color-cta-hover) 0%,var(--color-cta) 100%)}button.ghost{background:transparent;box-shadow:none;color:var(--color-text-secondary)}button.ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}input,textarea,select{font-family:inherit;font-size:.9375rem;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);width:100%}input:hover,textarea:hover,select:hover{border-color:var(--color-border-hover)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-up{animation:slideUp var(--transition-normal) ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:var(--color-primary-light);color:var(--color-primary)}