*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-3)}::-webkit-scrollbar-thumb{background:var(--gray-7);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-8)}:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}::selection{background:var(--accent-5);color:var(--accent-12)}a{color:var(--accent-11);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-scroll{overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in-down{animation:.5s ease-out forwards fadeInDown}.animate-fade-in-scale{animation:.4s ease-out forwards fadeInScale}.animate-slide-up{animation:.3s ease-out slideUp}.animate-slide-down{animation:.3s ease-out slideDown}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{background:linear-gradient(90deg, var(--gray-3) 25%, var(--gray-4) 50%, var(--gray-3) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.animate-gradient{background-size:200% 200%;animation:8s infinite gradientShift}.animate-wiggle{animation:.5s ease-in-out wiggle}.animate-bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards bounceIn}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.animate-on-load{opacity:0}.hover-lift{transition:transform .25s,box-shadow .25s}.hover-lift:hover{box-shadow:0 12px 20px -8px var(--gray-a5), 0 4px 8px -4px var(--gray-a3);transform:translateY(-4px)}.hover-glow{transition:box-shadow .25s}.hover-glow:hover{box-shadow:0 0 0 1px var(--accent-6), 0 0 20px -4px var(--accent-a6)}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.02)}.hover-icon-bounce:hover svg{animation:.4s bounceIn}.gradient-hero{background:linear-gradient(135deg, var(--accent-2) 0%, var(--color-background) 50%, var(--accent-2) 100%)}.gradient-mesh{background:radial-gradient(at 40% 20%, var(--accent-3) 0px, transparent 50%), radial-gradient(at 80% 0%, var(--blue-3) 0px, transparent 50%), radial-gradient(at 0% 50%, var(--purple-3) 0px, transparent 50%), radial-gradient(at 80% 50%, var(--green-3) 0px, transparent 50%), radial-gradient(at 0% 100%, var(--accent-3) 0px, transparent 50%)}.gradient-subtle{background:linear-gradient(180deg, var(--accent-2) 0%, transparent 100%)}.geometric-dots{background-image:radial-gradient(var(--gray-5) 1px, transparent 1px);background-size:20px 20px}.geometric-grid{background-image:linear-gradient(var(--gray-4) 1px, transparent 1px), linear-gradient(90deg, var(--gray-4) 1px, transparent 1px);background-size:40px 40px}.geometric-diagonal{background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--gray-3) 10px, var(--gray-3) 11px)}.card-featured{position:relative;overflow:hidden}.card-featured:before{content:"";background:linear-gradient(90deg, var(--accent-9), var(--accent-11));height:3px;position:absolute;top:0;left:0;right:0}.card-glass{background:var(--color-panel-translucent);-webkit-backdrop-filter:blur(12px)}.card-gradient-border{background:var(--color-background);position:relative}.card-gradient-border:before{content:"";background:linear-gradient(135deg, var(--accent-8), var(--accent-11));border-radius:inherit;z-index:-1;position:absolute;inset:-1px}.theme-card{cursor:pointer;border:2px solid #0000;transition:all .2s}.theme-card:hover{border-color:var(--accent-6);transform:translateY(-2px)}.theme-card[data-selected=true]{border-color:var(--accent-9);background:var(--accent-2)}.theme-card[data-selected=true]:after{content:"";background:var(--accent-9);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:8px;right:8px}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .2s,box-shadow .2s}.color-swatch:hover{transform:scale(1.15)}.color-swatch[data-selected=true]{border-color:var(--gray-12);box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--gray-12)}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(135deg, var(--accent-3), transparent);opacity:.6;border-radius:0 0 0 100%;width:100px;height:100px;position:absolute;top:0;right:0}.pricing-card-popular{position:relative;transform:scale(1.02);border:2px solid var(--accent-9)!important}.pricing-card-popular:before{content:"";background:linear-gradient(135deg, var(--accent-9), var(--accent-11));border-radius:inherit;z-index:-1;opacity:.1;position:absolute;inset:-2px}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-shine:hover:before{left:100%}.icon-container{border-radius:var(--radius-3);justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}.icon-container-sm{width:36px;height:36px}.icon-container-md{width:48px;height:48px}.icon-container-lg{width:64px;height:64px}.icon-container-round{border-radius:50%}.badge-gradient{background:linear-gradient(135deg, var(--accent-9), var(--accent-11));color:#fff}.badge-glow{box-shadow:0 0 12px var(--accent-a6)}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}