*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6;transition:background .3s,color .3s}:root,[data-theme=light]{--bg: #ffffff;--bg-secondary: #f7f8fc;--bg-card: #ffffff;--bg-elevated: #f0f2f8;--text: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--accent: #6c3ce0;--accent-hover: #5b2fd4;--accent-light: #8b5cf6;--accent-bg: #f3f0ff;--accent-glow: rgba(108, 60, 224, .12);--teal: #0d9488;--orange: #f97316;--green: #10b981;--red: #ef4444;--blue: #3b82f6;--card-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);--card-shadow-hover: 0 4px 20px rgba(0,0,0,.08);--hero-gradient: linear-gradient(135deg, #6c3ce0 0%, #3b82f6 50%, #0d9488 100%);--glow: radial-gradient(ellipse at 50% 0%, rgba(108,60,224,.08) 0%, transparent 60%)}[data-theme=dark]{--bg: #09090b;--bg-secondary: #0f1015;--bg-card: #131419;--bg-elevated: #1a1b23;--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e2030;--border-light: #161822;--accent: #8b5cf6;--accent-hover: #a78bfa;--accent-light: #a78bfa;--accent-bg: #1a1033;--accent-glow: rgba(139, 92, 246, .15);--teal: #4ecdc4;--orange: #ff6b35;--green: #6bcb77;--red: #e53e3e;--blue: #60a5fa;--card-shadow: 0 2px 8px rgba(0,0,0,.4);--card-shadow-hover: 0 8px 32px rgba(0,0,0,.5);--hero-gradient: linear-gradient(135deg, #6c3ce0 0%, #1e40af 50%, #0f766e 100%);--glow: radial-gradient(ellipse at 50% 0%, rgba(139,92,246,.1) 0%, transparent 60%)}body{background:var(--bg);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input,textarea,select,button{font-family:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}.fade{animation:fadeIn .5s ease}.fade-up{animation:fadeInUp .6s ease}.spin{animation:spin 1s linear infinite;display:inline-block}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.glow-border{animation:glow 3s ease-in-out infinite}