:root{--bg-primary: #f8fafc;--text-primary: #0f172a;--card-bg: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .6)}.dark{--bg-primary: #0f172a;--text-primary: #f8fafc;--card-bg: rgba(15, 23, 42, .6);--border-color: rgba(30, 41, 59, .6)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .4s ease,color .4s ease;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#334155}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.glass-card{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:0 4px 30px #0000000d}.dark .glass-card{box-shadow:0 4px 30px #0000004d}.perspective-1000{perspective:1000px}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animation-delay-100{animation-delay:.1s}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s}.animate-float,.animate-float-delayed,.animate-blob,.animate-morph,.animate-marquee,.animate-spotlight{transition-property:none}