:root{--color-dark: #000000;--color-light: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--color-gray-600: #52525b;--color-gray-700: #3f3f46;--color-gray-800: #27272a;--color-gray-900: #18181b;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(180deg, #000000 0%, #0a0a0a 100%);--gradient-mesh: radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 1) 0px, transparent 0%), radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 1) 0px, transparent 50%), radial-gradient(at 52% 99%, hsla(354, 98%, 61%, 1) 0px, transparent 50%), radial-gradient(at 10% 29%, hsla(256, 96%, 67%, 1) 0px, transparent 50%), radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 1) 0px, transparent 50%), radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 1) 0px, transparent 50%), radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 1) 0px, transparent 50%);--font-mono: "JetBrains Mono", "SF Mono", "Monaco", monospace;--font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: 1s}[data-theme=dark]{--color-background: var(--color-dark);--color-foreground: var(--color-light);--color-surface: var(--color-gray-900);--color-surface-hover: var(--color-gray-800);--color-border: rgba(255, 255, 255, .1);--color-text-primary: var(--color-light);--color-text-secondary: var(--color-gray-400)}[data-theme=light]{--color-background: var(--color-light);--color-foreground: var(--color-dark);--color-surface: var(--color-gray-50);--color-surface-hover: var(--color-gray-100);--color-border: rgba(0, 0, 0, .1);--color-text-primary: var(--color-dark);--color-text-secondary: var(--color-gray-600)}body{font-family:var(--font-inter);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button--modern{position:relative;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;letter-spacing:.025em;border-radius:.5rem;background:var(--color-foreground);color:var(--color-background);border:1px solid var(--color-border);transition:all var(--duration-base) var(--ease-out-expo);cursor:pointer;overflow:hidden}.button--modern:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--duration-slow) var(--ease-out-expo),height var(--duration-slow) var(--ease-out-expo)}.button--modern:hover:before{width:300px;height:300px}.button--modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.button--modern-outline{background:transparent;color:var(--color-foreground);border:1px solid var(--color-border)}.button--modern-outline:hover{background:var(--color-foreground);color:var(--color-background)}.gradient-mesh{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-mesh);opacity:var(--mesh-opacity, .3);filter:blur(100px);z-index:-1;animation:meshAnimation var(--mesh-animation-speed, 20s) ease-in-out infinite}@keyframes meshAnimation{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}}.modern-card{position:relative;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:2rem;transition:all var(--duration-base) var(--ease-out-expo);overflow:hidden}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent);opacity:0;transition:opacity var(--duration-base)}.modern-card:hover:before{opacity:1}.modern-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff1a}.grid-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:50px 50px;opacity:var(--grid-opacity, .5);pointer-events:none}.floating-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:var(--orb-opacity, .5);animation:float var(--orb-animation-speed, 20s) ease-in-out infinite}.floating-orb--primary{width:400px;height:400px;background:radial-gradient(circle,var(--gradient-color-1, #667eea),transparent 70%)}.floating-orb--secondary{width:300px;height:300px;background:radial-gradient(circle,var(--gradient-color-2, #f093fb),transparent 70%)}.floating-orb--accent{width:350px;height:350px;background:radial-gradient(circle,var(--gradient-color-3, #4facfe),transparent 70%)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.1)}66%{transform:translate(-100px,100px) scale(.9)}}.reveal{opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:1;pointer-events:none;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJhIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii45IiBudW1PY3RhdmVzPSI0IiAvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMC4wNSIvPjwvc3ZnPg==)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/modern-styles.css.map */