*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-accent: #312e81;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #818cf8;--accent-secondary: #c084fc;--accent-success: #34d399;--accent-warning: #fbbf24;--accent-danger: #f87171;--accent-info: #38bdf8;--border-color: #334155;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #818cf8, #c084fc);--gradient-success: linear-gradient(135deg, #34d399, #38bdf8);--gradient-warm: linear-gradient(135deg, #fbbf24, #f87171)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,select,textarea{font-family:inherit}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-count-up{animation:countUp .5s ease-out}@media(max-width:768px){html{font-size:14px}}