@layer utilities{.glass{background:rgba(20,16,25,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-subtle{background:rgba(20,16,25,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.glass-modal{background:rgba(20,16,25,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dropdown,.glass-modal{border:1px solid rgba(255,255,255,.1)}.glass-dropdown{background:rgba(20,16,25,.9);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.glass-strong{background:rgba(20,16,25,.9);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15)}.gradient-radial{background:radial-gradient(ellipse at top,hsl(var(--gradient-1)/.3) 0,hsl(var(--gradient-2)/.2) 25%,hsl(var(--gradient-3)/.1) 50%,transparent 100%)}.gradient-mesh{background-image:radial-gradient(at 20% 80%,hsl(var(--gradient-1)/.3) 0,transparent 50%),radial-gradient(at 80% 20%,hsl(var(--gradient-2)/.3) 0,transparent 50%),radial-gradient(at 40% 40%,hsl(var(--gradient-3)/.2) 0,transparent 50%),radial-gradient(at 90% 70%,hsl(var(--gradient-4)/.2) 0,transparent 50%)}.gradient-aurora{background:linear-gradient(to bottom right,hsl(var(--gradient-1)/.3),hsl(var(--gradient-2)/.2),hsl(var(--gradient-3)/.3),hsl(var(--gradient-4)/.2));filter:blur(40px)}.gradient-shift{background:linear-gradient(-45deg,hsl(var(--gradient-1)/.5),hsl(var(--gradient-2)/.5),hsl(var(--gradient-3)/.5),hsl(var(--gradient-4)/.5));background-size:400% 400%;animation:gradientShift 15s ease infinite}.orb-container{will-change:opacity;pointer-events:none}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glow{box-shadow:0 0 20px hsl(var(--primary)/.5),0 0 40px hsl(var(--primary)/.3),0 0 60px hsl(var(--primary)/.1)}.glow-subtle{box-shadow:0 0 10px hsl(var(--primary)/.3),0 0 20px hsl(var(--primary)/.2)}.glow-text{text-shadow:0 0 10px hsl(var(--primary)/.5),0 0 20px hsl(var(--primary)/.3),0 0 30px hsl(var(--primary)/.2)}.glass-input{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:white;transition:all .3s ease}.glass-input:focus{background:rgba(255,255,255,.08);border-color:rgba(168,85,247,.5);box-shadow:0 0 0 2px rgba(168,85,247,.2),0 0 20px rgba(168,85,247,.3);outline:none}.glass-input::placeholder{color:rgba(255,255,255,.4)}.input-glow:focus-within{box-shadow:0 0 0 2px hsl(var(--ring)/.2),0 0 20px hsl(var(--ring)/.3),0 0 40px hsl(var(--ring)/.1);transition:all .3s var(--ease-out-expo)}.btn-hover-lift{transition:all .3s var(--ease-out-expo)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(0,0,0,.5),0 0 20px hsl(var(--primary)/.3)}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(-3deg)}66%{transform:translateY(5px) rotate(3deg)}}@keyframes floatOrb{0%,to{transform:translateY(0) translateX(0) scale(1)}25%{transform:translateY(-30px) translateX(10px) scale(1.05)}50%{transform:translateY(-10px) translateX(-10px) scale(.95)}75%{transform:translateY(20px) translateX(5px) scale(1.02)}}.particle{position:absolute;pointer-events:none;opacity:.5;animation:particleFloat 20s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) translateX(100px) scale(1.5);opacity:0}}@media (hover:hover){.btn-hover-lift:hover{transform:translateY(-2px)}}@media (max-width:768px){.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(20,16,25,.85)}.glass-subtle{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gradient-mesh{opacity:.6}.gradient-aurora{filter:blur(30px)}.glow,.glow-subtle{box-shadow:none}.input-glow:focus-within{box-shadow:0 0 0 2px hsl(var(--ring)/.15),0 0 10px hsl(var(--ring)/.2)}.animate-fade-in,.animate-scale-in,.animate-slide-down,.animate-slide-up{animation-duration:.15s}.particle{display:none}}@media (max-width:640px){button,input{min-height:48px}.checkbox{min-width:24px;min-height:24px}}}