.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:3px;background:linear-gradient(to right,var(--gradient-from),var(--gradient-via),var(--gradient-to));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delay-1{animation-delay:1s}.animate-float-delay-2{animation-delay:2s}@media (max-width:640px){.responsive-grid{grid-template-columns:1fr}.responsive-padding{padding:1rem}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.rotate-3d{transition:transform .5s ease;transform-style:preserve-3d}.rotate-3d:hover{transform:perspective(1000px) rotateY(5deg)}