*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root.color-default{--color-primary-50: #ecfdf5;--color-primary-100: #d1fae5;--color-primary-200: #a7f3d0;--color-primary-300: #6ee7b7;--color-primary-400: #34d399;--color-primary-500: #10b981;--color-primary-600: #059669;--color-primary-700: #047857;--color-primary-800: #065f46;--color-primary-900: #064e3b;--color-secondary-50: #ecfeff;--color-secondary-100: #cffafe;--color-secondary-200: #a5f3fc;--color-secondary-300: #67e8f9;--color-secondary-400: #22d3ee;--color-secondary-500: #06b6d4;--color-secondary-600: #0891b2;--color-secondary-700: #0e7490;--color-secondary-800: #155e75;--color-secondary-900: #164e63}:root.color-blue{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-secondary-50: #f0f9ff;--color-secondary-100: #e0f2fe;--color-secondary-200: #bae6fd;--color-secondary-300: #7dd3fc;--color-secondary-400: #38bdf8;--color-secondary-500: #0ea5e9;--color-secondary-600: #0284c7;--color-secondary-700: #0369a1;--color-secondary-800: #075985;--color-secondary-900: #0c4a6e}:root.color-purple{--color-primary-50: #faf5ff;--color-primary-100: #f3e8ff;--color-primary-200: #e9d5ff;--color-primary-300: #d8b4fe;--color-primary-400: #c084fc;--color-primary-500: #a855f7;--color-primary-600: #9333ea;--color-primary-700: #7e22ce;--color-primary-800: #6b21a8;--color-primary-900: #581c87;--color-secondary-50: #fdf4ff;--color-secondary-100: #fae8ff;--color-secondary-200: #f5d0fe;--color-secondary-300: #f0abfc;--color-secondary-400: #e879f9;--color-secondary-500: #d946ef;--color-secondary-600: #c026d3;--color-secondary-700: #a21caf;--color-secondary-800: #86198f;--color-secondary-900: #701a75}:root.color-pink{--color-primary-50: #fdf2f8;--color-primary-100: #fce7f3;--color-primary-200: #fbcfe8;--color-primary-300: #f9a8d4;--color-primary-400: #f472b6;--color-primary-500: #ec4899;--color-primary-600: #db2777;--color-primary-700: #be185d;--color-primary-800: #9d174d;--color-primary-900: #831843;--color-secondary-50: #fff1f2;--color-secondary-100: #ffe4e6;--color-secondary-200: #fecdd3;--color-secondary-300: #fda4af;--color-secondary-400: #fb7185;--color-secondary-500: #f43f5e;--color-secondary-600: #e11d48;--color-secondary-700: #be123c;--color-secondary-800: #9f1239;--color-secondary-900: #881337}:root.color-orange{--color-primary-50: #fff7ed;--color-primary-100: #ffedd5;--color-primary-200: #fed7aa;--color-primary-300: #fdba74;--color-primary-400: #fb923c;--color-primary-500: #f97316;--color-primary-600: #ea580c;--color-primary-700: #c2410c;--color-primary-800: #9a3412;--color-primary-900: #7c2d12;--color-secondary-50: #fffbeb;--color-secondary-100: #fef3c7;--color-secondary-200: #fde68a;--color-secondary-300: #fcd34d;--color-secondary-400: #fbbf24;--color-secondary-500: #f59e0b;--color-secondary-600: #d97706;--color-secondary-700: #b45309;--color-secondary-800: #92400e;--color-secondary-900: #78350f}:root.color-red{--color-primary-50: #fef2f2;--color-primary-100: #fee2e2;--color-primary-200: #fecaca;--color-primary-300: #fca5a5;--color-primary-400: #f87171;--color-primary-500: #ef4444;--color-primary-600: #dc2626;--color-primary-700: #b91c1c;--color-primary-800: #991b1b;--color-primary-900: #7f1d1d;--color-secondary-50: #fff5f5;--color-secondary-100: #ffe0e0;--color-secondary-200: #ffc2c2;--color-secondary-300: #ff9999;--color-secondary-400: #ff6b6b;--color-secondary-500: #ff4757;--color-secondary-600: #ee5a6f;--color-secondary-700: #c23616;--color-secondary-800: #a52a2a;--color-secondary-900: #8b0000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}.dark ::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#34d399;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#10b981}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}:focus-visible{outline:2px solid #34d399;outline-offset:2px}::selection{background-color:#34d399;color:#fff}.dark ::selection{background-color:#10b981}audio{width:100%;height:40px}audio::-webkit-media-controls-panel{background-color:#f3f4f6}.dark audio::-webkit-media-controls-panel{background-color:#374151}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:linear-gradient(to right,#34d399,#06b6d4);border-radius:5px;outline:none}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border:3px solid #10b981;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}input[type=range].slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px #0000004d}input[type=range].slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border:3px solid #10b981;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}input[type=range].slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px #0000004d}