.sky-btn{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sky-btn:hover{background:#ffffff1a;border-color:#3b82f64d;color:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.effect-bg-base{position:absolute;inset:0;background:linear-gradient(135deg,#0a0e1a,#0f1419,#1a1625 60%,#0a0e1a);z-index:1}.effect-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0003,#0006);z-index:10;pointer-events:none}.effect-base{position:relative;display:inline-block;color:#fff;transition:all .3s ease}.moment-card,.moment-floating-card{transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.moment-floating-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px color-mix(in srgb,var(--color-primary) 30%,transparent),0 0 20px color-mix(in srgb,var(--color-primary) 20%,transparent)}.moment-card-with-glow{position:relative;overflow:hidden}.moment-glow-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.moment-glow{position:absolute;width:200px;height:200px;border-radius:50%;opacity:0;transition:opacity .3s ease-out;background:radial-gradient(circle,color-mix(in oklch,var(--color-primary) 50%,transparent),color-mix(in oklch,var(--color-primary) 30%,transparent),color-mix(in oklch,var(--color-primary) 10%,transparent),transparent 70%);filter:blur(20px);transform:translate(-50%,-50%);will-change:left,top,opacity}.moment-card-content{position:relative;z-index:10}.moment-card-with-glow:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--color-primary) 20%,transparent);box-shadow:0 8px 32px color-mix(in oklch,var(--color-primary) 50%,transparent),0 0 20px color-mix(in oklch,var(--color-primary) 20%,transparent),}.moment-floating-card-with-glow{position:relative;overflow:hidden}.moment-floating-card-with-glow .moment-glow-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.moment-floating-card-with-glow .moment-glow{position:absolute;width:150px;height:150px;border-radius:50%;opacity:0;transition:opacity .3s ease-out;background:radial-gradient(circle,color-mix(in oklch,var(--color-primary) 50%,transparent),color-mix(in oklch,var(--color-primary) 30%,transparent),color-mix(in oklch,var(--color-primary) 10%,transparent),transparent 70%);filter:blur(15px);transform:translate(-50%,-50%);will-change:left,top,opacity}.wave-container{position:relative;width:100%;height:120px;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:100%;height:100%;transform:translateZ(0)}.wave-1{animation:wave-animation 18s linear infinite}.wave-2{animation:wave-animation 12s linear infinite reverse}.wave-3{animation:wave-animation 8s linear infinite}.wave-base{position:absolute;bottom:0}@keyframes wave-animation{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(0)}}.wave-dot{position:absolute;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;opacity:.6;filter:blur(1px);will-change:transform,opacity;animation:dot-float 8s ease-in-out infinite}.wave-dot-1{width:12px;height:12px;bottom:40%;left:10%;animation-delay:0s}.wave-dot-2{width:8px;height:8px;bottom:30%;left:30%;animation-delay:1s}.wave-dot-3{width:15px;height:15px;bottom:50%;left:50%;animation-delay:2s}.wave-dot-4{width:10px;height:10px;bottom:25%;left:70%;animation-delay:3s}.wave-dot-5{width:6px;height:6px;bottom:45%;left:85%;animation-delay:4s}@keyframes dot-float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.2);opacity:.9}}@media(prefers-reduced-motion:reduce){.wave,.wave-dot{animation:none}}