:root{--bg-primary: linear-gradient(to bottom right, #fce7f3, #e9d5ff, #dbeafe);--bg-solid: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #3b82f6;--accent-primary: #3b82f6;--accent-secondary: #6366f1;--accent-hover: #2563eb;--header-bg: #ffffff;--header-border: #e5e7eb;--upload-border: #e5e7eb;--upload-border-hover: #3b82f6;--upload-bg-hover: #f8fafc;--upload-bg-dragover: #eff6ff;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--slider-track: #e5e7eb;--slider-thumb: #6366f1;--slider-thumb-hover: #4f46e5;--slider-thumb-active: #4338ca;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--checkboard-color: #f8f9fa}.dark{--bg-primary: #1a1a2e;--bg-solid: #1a1a2e;--bg-card: #2d2d44;--bg-card-hover: #363654;--bg-secondary: #252542;--bg-tertiary: #1f1f38;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--border-primary: #404060;--border-secondary: #4b4b6b;--border-focus: #60a5fa;--accent-primary: #60a5fa;--accent-secondary: #818cf8;--accent-hover: #3b82f6;--header-bg: #1a1a2e;--header-border: #404060;--upload-border: #404060;--upload-border-hover: #60a5fa;--upload-bg-hover: #252542;--upload-bg-dragover: #1e3a5f;--scrollbar-track: #252542;--scrollbar-thumb: #404060;--scrollbar-thumb-hover: #4b4b6b;--slider-track: #404060;--slider-thumb: #818cf8;--slider-thumb-hover: #6366f1;--slider-thumb-active: #4f46e5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--checkboard-color: #252542}html{transition:background-color .3s ease,color .3s ease}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;color:var(--text-primary);min-height:100vh;transition:background .3s ease,color .3s ease}.dark body{background:#1a1a2e}img[src$=".png"],img[src$=".jpg"],img[src$=".jpeg"]{image-rendering:-webkit-optimize-contrast}.lazy-img{content-visibility:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.25}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.25}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-20{height:80px}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiline-text-stable{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-hover:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.fade-in-fast{animation:fadeIn .15s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;will-change:transform}.btn-feedback{transition:transform .1s ease-out,background-color .2s ease}.btn-feedback:active:not(:disabled){transform:scale(.98)}.progress-smooth{transition:width .3s ease-out}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.upload-area{border:2px dashed var(--upload-border);transition:all .3s ease;min-height:192px;background-color:var(--bg-card)}.upload-area:hover{border-color:var(--upload-border-hover);background-color:var(--upload-bg-hover)}.upload-area.dragover{border-color:var(--upload-border-hover);background-color:var(--upload-bg-dragover)}*{box-sizing:border-box}input[type=range]{height:8px;border-radius:4px;-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=range]::-webkit-slider-track{width:100%;height:8px;background:var(--slider-track);border-radius:4px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-webkit-transition:all .15s ease;transition:all .15s ease}input[type=range]::-webkit-slider-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{background:var(--slider-thumb-active);transform:scale(1.05);box-shadow:0 1px 2px #0000004d}input[type=range]::-moz-range-track{width:100%;height:8px;background:var(--slider-track);border-radius:4px;border:none}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-moz-transition:all .15s ease;transition:all .15s ease}input[type=range]::-moz-range-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.1)}input[type=range]::-moz-range-thumb:active{background:var(--slider-thumb-active);transform:scale(1.05);box-shadow:0 1px 2px #0000004d}input[type=range]::-ms-track{width:100%;height:8px;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--slider-track);border-radius:4px}input[type=range]::-ms-fill-upper{background:var(--slider-track);border-radius:4px}input[type=range]::-ms-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;-ms-transition:all .15s ease;transition:all .15s ease}input[type=range]::-ms-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.1)}input[type=range]::-ms-thumb:active{background:var(--slider-thumb-active);transform:scale(1.05)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #6366f14d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #6366f14d}input[type=range]:focus::-ms-thumb{box-shadow:0 0 0 3px #6366f14d}input[type=radio]{width:16px;height:16px}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1}input[type=number]:focus::-webkit-inner-spin-button,input[type=number]:focus::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1}button{min-height:40px;padding:8px 16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .8s ease-out forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grid>*{animation:slide-up .6s ease-out forwards;opacity:0}.text-gradient{background:linear-gradient(135deg,#2563eb,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.auto-scale-text{font-size:clamp(.75rem,2vw,.875rem);line-height:1.25;word-break:keep-all;overflow-wrap:break-word}.auto-scale-text-desc{font-size:clamp(.625rem,1.5vw,.75rem);line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.uniform-card-grid{display:grid;gap:24px}@media (max-width: 640px){.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.h-48{height:160px}main{padding-bottom:64px}.grid,.text-center.mb-16{margin-bottom:48px}.auto-scale-text{font-size:clamp(.875rem,3vw,1rem)}.auto-scale-text-desc{font-size:clamp(.75rem,2.5vw,.875rem)}}@media (min-width: 641px) and (max-width: 1023px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.h-48{height:176px}}@media (min-width: 1024px) and (max-width: 1279px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card-content-spacing>*+*{margin-top:16px}.w-16{width:64px}.h-16{height:64px}.h-8{height:32px;min-height:32px}.h-12{height:48px;min-height:48px}.p-6{padding:24px}.gap-6{gap:24px}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.uniform-card{aspect-ratio:1 / 1.2;min-height:192px}.text-overflow-safe{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.rounded-2xl{border-radius:16px}@media (max-width: 768px){footer .grid{grid-template-columns:1fr;gap:32px}footer .space-y-3>*+*{margin-top:12px}footer .space-y-3 a{justify-content:center}footer .flex.flex-col.md\\:flex-row{text-align:center}}@media (min-width: 769px) and (max-width: 1023px){footer .grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 1024px){footer .grid{grid-template-columns:repeat(4,1fr);gap:32px}}.react-compare-slider{border-radius:16px;overflow:hidden}.react-compare-slider-handle{transition:all .2s ease-in-out}.react-compare-slider-handle:hover{transform:scale(1.1)}.react-compare-slider-handle-line{transition:all .2s ease-in-out}.image-container-bg{background-image:linear-gradient(45deg,var(--checkboard-color) 25%,transparent 25%),linear-gradient(-45deg,var(--checkboard-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checkboard-color) 75%),linear-gradient(-45deg,transparent 75%,var(--checkboard-color) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}@keyframes sparkle-twinkle{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(139,92,246,0)) brightness(1);opacity:1}20%{transform:scale(1.04) rotate(6deg);filter:drop-shadow(0 0 6px rgba(139,92,246,.45)) brightness(1.1);opacity:.95}50%{transform:scale(1.08) rotate(-8deg);filter:drop-shadow(0 0 10px rgba(139,92,246,.65)) brightness(1.2);opacity:1}70%{transform:scale(1.03) rotate(4deg);filter:drop-shadow(0 0 6px rgba(139,92,246,.35)) brightness(1.05);opacity:.9}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(139,92,246,0)) brightness(1);opacity:1}}.sparkle-star{animation:sparkle-twinkle 2.2s ease-in-out infinite;transform-origin:50% 50%;will-change:transform,filter,opacity}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 20px 5px #3b82f64d}}.card-3d{transform-style:preserve-3d;transition:all .15s cubic-bezier(.4,0,.2,1);will-change:transform}.card-3d:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes grid-fade{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}.animated-bg-grid{background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:40px 40px;animation:grid-fade 4s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(270deg,#3b82f61a,#9333ea1a,#3b82f61a);background-size:200% 200%;animation:gradient-shift 8s ease infinite}.glow-on-hover{position:relative;overflow:hidden}.glow-on-hover:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.glow-on-hover:hover:before{opacity:1}.gpu-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform}.icon-rotate{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-fade-in{animation:fade-up .6s ease-out forwards}.card-grid-enhanced{display:grid;gap:clamp(12px,2vw,24px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-spinner{animation:loading-spin 1s linear infinite}.page-transition{animation:fade-in .3s ease-out}.text-transition{transition:color .2s ease-in-out}.border-glow{position:relative;border:1px solid transparent;background:var(--bg-card);background-clip:padding-box}.border-glow:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.border-glow:hover:before{opacity:.4;animation:gradient-shift 3s ease infinite}@media (max-width: 640px){.card-grid-enhanced{gap:12px}}@media (min-width: 641px) and (max-width: 1024px){.card-grid-enhanced{gap:16px}}@media (min-width: 1025px){.card-grid-enhanced{gap:24px}}.dark-card{background-color:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dark-card:hover{background-color:var(--bg-card-hover)}.dark-text-primary{color:var(--text-primary)}.dark-text-secondary{color:var(--text-secondary)}.dark-text-tertiary{color:var(--text-tertiary)}.dark-bg-primary{background:var(--bg-primary)}.dark-bg-card{background-color:var(--bg-card)}.dark-bg-secondary{background-color:var(--bg-secondary)}.dark-border{border-color:var(--border-primary)}.dark-header{background-color:var(--header-bg);border-color:var(--header-border)}@keyframes theme-toggle-rotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}.theme-toggle-animation{animation:theme-toggle-rotate .5s ease-in-out}.dark .bg-white{background-color:#2d2d44!important}.dark .bg-gray-50{background-color:#1a1a2e!important}.dark .bg-gray-100{background-color:#252542!important}.dark .text-gray-800{color:#f3f4f6!important}.dark .text-gray-700{color:#e5e7eb!important}.dark .text-gray-600{color:#d1d5db!important}.dark .text-gray-500{color:#9ca3af!important}.dark .text-gray-400{color:#6b7280!important}.dark .border-gray-200{border-color:#404060!important}.dark .border-gray-300{border-color:#4b4b6b!important}.dark .border-gray-100{border-color:#363654!important}.dark input[type=text],.dark input[type=number],.dark input[type=email],.dark input[type=url],.dark textarea,.dark select{background-color:#1a1a2e!important;color:#f3f4f6!important;border-color:#404060!important}.dark input[type=text]::placeholder,.dark input[type=number]::placeholder,.dark input[type=email]::placeholder,.dark input[type=url]::placeholder,.dark textarea::placeholder{color:#6b7280!important}.dark input[type=text]:focus,.dark input[type=number]:focus,.dark input[type=email]:focus,.dark input[type=url]:focus,.dark textarea:focus,.dark select:focus{border-color:#60a5fa!important;outline:none}.dark .bg-blue-50{background-color:#3b82f626!important}.dark .bg-blue-100{background-color:#3b82f633!important}.dark .bg-green-50{background-color:#22c55e26!important}.dark .bg-green-100{background-color:#22c55e33!important}.dark .bg-red-50{background-color:#ef444426!important}.dark .bg-red-100{background-color:#ef444433!important}.dark .bg-yellow-50{background-color:#eab30826!important}.dark .bg-yellow-100{background-color:#eab30833!important}.dark .bg-purple-50{background-color:#a855f726!important}.dark .bg-purple-100{background-color:#a855f733!important}.dark .bg-indigo-50{background-color:#6366f126!important}.dark .bg-indigo-100{background-color:#6366f133!important}.dark .bg-orange-50{background-color:#f9731626!important}.dark .bg-orange-100{background-color:#f9731633!important}.dark .bg-emerald-50{background-color:#10b98126!important}.dark .bg-emerald-100{background-color:#10b98133!important}.dark .bg-teal-50{background-color:#14b8a626!important}.dark .bg-teal-100{background-color:#14b8a633!important}.dark .bg-pink-50{background-color:#ec489926!important}.dark .bg-pink-100{background-color:#ec489933!important}.dark .bg-violet-50{background-color:#8b5cf626!important}.dark .bg-violet-100{background-color:#8b5cf633!important}.dark .bg-slate-50{background-color:#64748b26!important}.dark .bg-slate-100{background-color:#64748b33!important}.dark .shadow-xl{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d!important}.dark .shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d!important}.dark .shadow-md{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d!important}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d!important}.dark .hover\:bg-gray-50:hover{background-color:#363654!important}.dark .hover\:bg-gray-100:hover{background-color:#404060!important}.dark .hover\:bg-blue-50:hover{background-color:#3b82f633!important}.dark .bg-gradient-to-br.from-pink-300{background:#1a1a2e!important}.dark .image-container-bg{background-image:linear-gradient(45deg,#252542 25%,transparent 25%),linear-gradient(-45deg,#252542 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252542 75%),linear-gradient(-45deg,transparent 75%,#252542 75%)!important}.dark .ring-blue-500{--tw-ring-color: rgba(96, 165, 250, .5) !important}.dark .focus\:ring-blue-500:focus{--tw-ring-color: rgba(96, 165, 250, .5) !important}.dark .focus\:border-blue-500:focus{border-color:#60a5fa!important}.dark .hover\:text-blue-600:hover{color:#60a5fa!important}.dark .hover\:border-blue-300:hover{border-color:#60a5fa!important}