:root{--brand-purple-rgb:123 104 238;--brand-blue-rgb:0 145 255;--glass-bg:#fff9;--glass-border:#00000014;--glass-blur:16px;--glow-ambient:0 0 30px #7b68ee14;--glow-active:0 0 40px #7b68ee26, 0 0 80px #7b68ee0d;--glow-focus:0 0 0 2px #7b68ee33;--glow-intense:0 0 50px #7b68ee40, 0 0 100px #7b68ee14;--duration-instant:.1s;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-glacial:.8s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.22, 1.2, .36, 1);--ease-smooth:cubic-bezier(.4, 0, 0, 1);--mouse-x:50%;--mouse-y:50%;--noise-opacity:.015}.dark{--glass-bg:#18181b66;--glass-border:#ffffff0f;--noise-opacity:.015}.noise-overlay{position:relative}.noise-overlay:before{content:"";opacity:var(--noise-opacity);pointer-events:none;z-index:1;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.spotlight{position:relative}.spotlight:after{content:"";opacity:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #7b68ee0f, transparent 40%);pointer-events:none;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:after{opacity:1}.spotlight-intense:after{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), #7b68ee1f, transparent 45%)}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.border-gradient{border-radius:16px;position:relative}.border-gradient:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), #7b68ee66, transparent 25%, #7b68ee26, transparent 50%, #7b68ee14, transparent 75%);z-index:-1;animation:4s linear infinite border-spin;position:absolute;inset:-1px}@keyframes border-spin{to{--border-angle:360deg}}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000 30%,#00000008 50%,#0000 70%);animation:1.8s ease-in-out infinite shimmer-sweep;position:absolute;inset:0}.dark .shimmer:after{background:linear-gradient(90deg,#0000 30%,#ffffff0a 50%,#0000 70%)}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #7b68ee14}50%{box-shadow:0 0 40px #7b68ee26,0 0 80px #7b68ee0d}}.glow-pulse{animation:3s ease-in-out infinite glow-pulse}@keyframes mesh-flow{0%,to{background-position:0%}50%{background-position:100%}}.mesh-gradient{background:linear-gradient(-45deg, #7b68ee0a, var(--background), #0091ff08, var(--background));background-size:400% 400%;animation:15s infinite mesh-flow}.mesh-gradient-vibrant{background:linear-gradient(-45deg, #7b68ee14, var(--background), #0091ff0d, var(--background), #6647f00a);background-size:400% 400%;animation:12s infinite mesh-flow}.dark .mesh-gradient{background:linear-gradient(-45deg,#7b68ee0d,#0c0a09,#0091ff0a,#0c0a09) 0 0/400% 400%}.dark .mesh-gradient-vibrant{background:linear-gradient(-45deg,#7b68ee1f,#18181b,#0091ff14,#18181b,#6647f00f) 0 0/400% 400%}.depth-layer{will-change:transform;transform:translateZ(0)}.depth-layer-1{--parallax-speed:.1}.depth-layer-2{--parallax-speed:.25}.depth-layer-3{--parallax-speed:.5}.depth-layer-4{--parallax-speed:.75}.text-gradient-subtle{background:linear-gradient(90deg,#52525b,#0c0a09);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .text-gradient-subtle{background:linear-gradient(90deg,#d4d4d8,#fafaf9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.focus-glow:focus-visible{box-shadow:var(--glow-focus), var(--glow-ambient);outline:none}@keyframes border-pulse{0%,to{border-color:#7b68ee33}50%{border-color:#7b68ee80}}.border-pulse{animation:2s ease-in-out infinite border-pulse}@media (prefers-reduced-motion:reduce){.border-gradient:before,.shimmer:after,.glow-pulse,.mesh-gradient,.mesh-gradient-vibrant{animation:none!important}.spotlight:after{display:none}}
