@keyframes slide-up{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out forwards}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.gradient-border-button{border-radius:9999px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.gradient-border-button:hover{transform:scale(1.05);filter:drop-shadow(0 10px 30px rgba(59,130,246,.3))}.gradient-border-button:after,.gradient-border-button:before{content:"";position:absolute;inset:-3px;z-index:0;background:conic-gradient(from var(--gradient-angle),#3b82f6,#10b981,#3b82f6,#10b981,#3b82f6);border-radius:inherit;animation:rotation 3s linear infinite;transition:all .3s ease}.gradient-border-button:hover:after,.gradient-border-button:hover:before{animation:rotation-fast 1.5s linear infinite;inset:-6px}.gradient-border-button:after{filter:blur(150px)}.gradient-border-button:hover:after{filter:blur(200px)}.dark-glass-bg{background:rgba(8,12,12,.95);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 32px rgba(0,0,0,.6)}.animate-slide-up{animation:slideUp 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes rotation{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@keyframes rotation-fast{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}