:root{--bg-base: #f8fafc;--bg-secondary: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .05);--nav-bg: rgba(255, 255, 255, .85);--nav-bg-scrolled: rgba(255, 255, 255, .95);--header-border: rgba(0, 0, 0, .05);--card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .08);--glow-opacity: .15}body.dark-theme{--bg-base: #0f172a;--bg-secondary: transparent;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .3);--nav-bg: rgba(15, 23, 42, .5);--nav-bg-scrolled: rgba(15, 23, 42, .9);--header-border: rgba(255, 255, 255, .05);--card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .4);--glow-opacity: .4}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;scroll-behavior:smooth}app-root{display:block;width:100%;min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);background:var(--bg-base);line-height:1.6;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#6366f133;color:#1e293b}:focus{outline:none}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-fadeInDown{animation:fadeInDown .5s ease-out}.animate-fadeInLeft{animation:fadeInLeft .5s ease-out}.animate-fadeInRight{animation:fadeInRight .5s ease-out}.animate-scaleIn{animation:scaleIn .5s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}button{cursor:pointer;transition:all .3s ease}button:disabled{opacity:.6;cursor:not-allowed}a{text-decoration:none;transition:all .3s ease}img{max-width:100%;height:auto}.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:13px}}