:root{--deep-purple: #7A52AA;--electric-blue: #228fbd;--vibrant-cyan: #00B4DB;--bright-aqua: #00D2FF}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--shadow-color: rgba(0, 0, 0, .5)}.light,:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .1)}.bg-theme-primary{background-color:var(--bg-primary)}.bg-theme-secondary{background-color:var(--bg-secondary)}.bg-theme-tertiary{background-color:var(--bg-tertiary)}.text-theme-primary{color:var(--text-primary)}.text-theme-secondary{color:var(--text-secondary)}.text-theme-tertiary{color:var(--text-tertiary)}.border-theme{border-color:var(--border-color)}.btn-primary{background-color:var(--electric-blue);color:#fff}.btn-primary:hover{background-color:var(--vibrant-cyan)}.btn-secondary{background-color:var(--electric-blue);color:#fff}.btn-accent{background-color:var(--deep-purple);color:#fff}.btn-accent:hover{background-color:var(--deep-purple)}.btn-success{background-color:var(--electric-blue);color:#fff}.text-accent{color:var(--deep-purple)}.bg-accent{background-color:var(--deep-purple)}.btn-primary.w-full{width:100%;display:inline-block}.bg-accent-light{background-color:#7a52aa0f}.dark .bg-accent-light{background-color:#7a52aa26}aside .tooltip:not(.btn-accent):hover .material-icons,aside .tooltip:not(.btn-accent).group:hover .material-icons{color:var(--electric-blue);transition:color .12s ease}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}html{scroll-behavior:smooth}.shadow-3xl{box-shadow:0 35px 60px -15px #0000004d}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}