.ocean-card{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease-out}.ocean-card:has(:focus-visible),.ocean-card:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 18px 40px -18px rgba(6,26,46,.35),0 0 0 1px rgba(127,209,216,.45),0 10px 32px -10px rgba(69,176,192,.45)}.ocean-card[data-lift]:has(:focus-visible),.ocean-card[data-lift]:hover{transform:translateY(-4px)}.dark .ocean-card:has(:focus-visible),.dark .ocean-card:hover{box-shadow:0 18px 40px -18px rgba(0,0,0,.6),0 0 0 1px rgba(127,209,216,.45),0 12px 36px -10px rgba(127,209,216,.4)}.ocean-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ocean-bubbles>span{position:absolute;bottom:-12px;width:var(--s,8px);height:var(--s,8px);border-radius:9999px;background:radial-gradient(circle at 32% 30%,hsla(0,0%,100%,.95) 0 18%,rgba(234,246,247,.35) 40%,rgba(127,209,216,.25) 70%);box-shadow:inset 0 0 0 1px rgba(69,176,192,.45),inset 0 0 0 2px hsla(0,0%,100%,.5),0 0 6px rgba(69,176,192,.3);opacity:0}.ocean-bubbles>span:first-child{left:18%;--s:7px;--d:0ms;--t:2.6s;--x:6px}.ocean-bubbles>span:nth-child(2){left:38%;--s:10px;--d:450ms;--t:3.1s;--x:-8px}.ocean-bubbles>span:nth-child(3){left:62%;--s:6px;--d:900ms;--t:2.4s;--x:5px}.ocean-bubbles>span:nth-child(4){left:80%;--s:9px;--d:250ms;--t:2.9s;--x:-6px}.ocean-card:has(:focus-visible) .ocean-bubbles>span,.ocean-card:hover .ocean-bubbles>span{animation:ocean-bubble-rise var(--t) cubic-bezier(.35,.1,.6,1) var(--d) infinite}@keyframes ocean-bubble-rise{0%{transform:translateZ(0) scale(.6);opacity:0}15%{opacity:.9}55%{transform:translate3d(var(--x),-90px,0) scale(1)}80%{opacity:.55}to{transform:translate3d(calc(var(--x) * -.5),-170px,0) scale(1.05);opacity:0}}.ocean-flight-drop,.ocean-splash-drop,.ocean-splash-ring{position:fixed;z-index:9999;pointer-events:none;will-change:transform,opacity;inset:auto;margin:0;padding:0;overflow:visible;color:inherit}.ocean-flight-drop,.ocean-splash-drop{border:0}.ocean-flight-drop{width:14px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff 0 14%,#7fd1d8 45%,#45b0c0 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6),0 4px 12px rgba(69,176,192,.45)}.ocean-splash-ring{width:40px;height:40px;border-radius:9999px;border:2px solid #7fd1d8;background:transparent;box-shadow:0 0 12px rgba(127,209,216,.5);opacity:0}.ocean-splash-drop{width:6px;height:6px;border-radius:9999px;background:#45b0c0;box-shadow:0 0 4px rgba(127,209,216,.6);opacity:0}.dark .ocean-splash-ring{border-color:#7fd1d8}.dark .ocean-splash-drop{background:#7fd1d8}.ocean-badge-flash{outline:2px solid #45b0c0;outline-offset:2px;box-shadow:0 0 0 5px rgba(127,209,216,.35)}@media (prefers-reduced-motion:reduce){.ocean-card{transition:none}.ocean-card[data-lift]:has(:focus-visible),.ocean-card[data-lift]:hover{transform:none}.ocean-bubbles,.ocean-flight-drop,.ocean-splash-drop,.ocean-splash-ring{display:none}}