:root{--midnight:#0a0f1e;--deep-navy:#0d1b2a;--ocean-mid:#1a3a4a;--surface-teal:#1e6b72;--turquoise:#3dd6b5;--sand:#e8dcc8;--seafoam:#a8d5c2;--white-wave:#ffffff14;--sky-top:#1a2a3a;--sky-bottom:#0d1b2a;--abyss:#050810;--seabed:#080d18;--font-display:"Cormorant Garamond", "Playfair Display", Georgia, serif;--font-body:"Outfit", "DM Sans", system-ui, sans-serif}.font-display{font-family:var(--font-display);font-style:normal}.font-body{font-family:var(--font-body)}.text-sand{color:var(--sand)}.text-seafoam{color:var(--seafoam)}.text-turquoise{color:var(--turquoise)}.bg-midnight{background-color:var(--midnight)}.bg-deep-navy{background-color:var(--deep-navy)}.bg-ocean-mid{background-color:var(--ocean-mid)}.bg-abyss{background-color:var(--abyss)}.ocean-card{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffff0a;border:1px solid #ffffff12;border-radius:24px;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1);box-shadow:0 8px 40px #0006,inset 0 1px #ffffff0d}.ocean-card:hover{transform:translateY(-4px);box-shadow:0 16px 60px #00000080,inset 0 1px #ffffff14}@keyframes cardFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ocean-card-animate{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) forwards cardFloat}@keyframes drift{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(8px)}}@keyframes bubbleUp{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-12px)scale(1.3)}}.ocean-card-animate:first-child{animation-delay:.1s}.ocean-card-animate:nth-child(2){animation-delay:.2s}.ocean-card-animate:nth-child(3){animation-delay:.3s}.ocean-card-animate:nth-child(4){animation-delay:.4s}.ocean-card-animate:nth-child(5){animation-delay:.5s}@keyframes rayDrift{0%,to{opacity:.04;transform:translate(0)rotate(15deg)}50%{opacity:.06;transform:translate(30px)rotate(15deg)}}.light-ray{pointer-events:none;background:linear-gradient(#0000 0%,#ffffff14 20%,#ffffff08 80%,#0000 100%);width:2px;height:200%;animation:20s ease-in-out infinite rayDrift;position:absolute;transform:rotate(15deg)}@keyframes waveFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.wave-path{stroke-dasharray:50 20;animation:8s linear infinite waveFlow}.wave-container{animation:6s ease-in-out infinite waveFloat}@keyframes bubbleRise{0%{opacity:.12;transform:translateY(0)scale(1)}50%{opacity:.08}to{opacity:0;transform:translateY(-100vh)scale(.5)}}.bubble{pointer-events:none;background:#ffffff14;border-radius:50%;animation:linear infinite bubbleRise;position:absolute}@keyframes rayPulse{0%,to{opacity:.02}50%{opacity:.04}}.crepuscular-ray{pointer-events:none;background:linear-gradient(#0000 0%,#ffffff08 50%,#0000 100%);animation:8s ease-in-out infinite rayPulse;position:absolute;transform:rotate(18deg)}@keyframes bioGlow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.2)}}.bio-dot{background:var(--turquoise);pointer-events:none;filter:blur(1px);border-radius:50%;animation:4s ease-in-out infinite bioGlow;position:absolute}.ocean-nav{-webkit-backdrop-filter:blur(20px);background:#0a0f1eb3;border-bottom:1px solid #0000;transition:all .3s}.ocean-nav.scrolled{background:#0a0f1ed9;border-bottom:1px solid #3dd6b51a}@keyframes waterDrop{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.5)}}.nav-tab:after{content:"";background:var(--turquoise);opacity:0;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-tab:hover:after{animation:.5s ease-out forwards waterDrop}@keyframes depthFill{0%{height:0%}}.depth-gauge{background:#ffffff0d;border-radius:2px;width:4px;overflow:hidden}.depth-gauge-fill{background:linear-gradient(to top, var(--turquoise), var(--surface-teal));animation:1.2s cubic-bezier(.23,1,.32,1) forwards depthFill}.ocean-cta{color:var(--midnight);font-family:var(--font-body);background:linear-gradient(135deg,#3dd6b5,#1e9e8a);border:none;border-radius:9999px;font-weight:600;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.ocean-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ocean-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3dd6b54d}.ocean-cta:hover:before{left:100%}@keyframes caustic1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10px,-10px)scale(1.1)}66%{transform:translate(-5px,5px)scale(.95)}}@keyframes caustic2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-8px,8px)scale(1.05)}66%{transform:translate(12px,-5px)scale(1.1)}}@keyframes caustic3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5px,10px)scale(.95)}66%{transform:translate(-10px,-8px)scale(1.08)}}.caustic-bg{position:relative;overflow:hidden}.caustic-bg:before,.caustic-bg:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-50%}.caustic-bg:before{background:radial-gradient(#1e6b7226 0%,#0000 50%);animation:15s ease-in-out infinite caustic1}.caustic-bg:after{background:radial-gradient(#3dd6b514 0%,#0000 40%);animation:12s ease-in-out infinite caustic2}@keyframes hairFlow{0%{transform:translate(0)skew(0)}50%{transform:translate(8px)skew(-5deg)}to{transform:translate(15px)skew(-10deg)}}.diver-hair{transition:transform .15s ease-out}@keyframes splashColumnRise{0%{opacity:0;transform:scaleY(0)scaleX(.5)}30%{opacity:.9;transform:scaleY(1.2)scaleX(1)}60%{opacity:.7;transform:scaleY(.9)scaleX(1.1)}to{opacity:0;transform:scaleY(0)scaleX(1.3)}}@keyframes splashCurtainLeft{0%{opacity:0;transform:scaleX(0)scaleY(0)rotate(0)}25%{opacity:.8;transform:scaleX(.8)scaleY(1)rotate(-15deg)}60%{opacity:.5;transform:scaleX(1)scaleY(.7)rotate(-25deg)}to{opacity:0;transform:scaleX(1.2)scaleY(0)rotate(-30deg)}}@keyframes splashCurtainRight{0%{opacity:0;transform:scaleX(0)scaleY(0)rotate(0)}25%{opacity:.8;transform:scaleX(.8)scaleY(1)rotate(15deg)}60%{opacity:.5;transform:scaleX(1)scaleY(.7)rotate(25deg)}to{opacity:0;transform:scaleX(1.2)scaleY(0)rotate(30deg)}}@keyframes foamRingExpand{0%{opacity:.8;transform:scale(1)}50%{opacity:.5;transform:scale(2.5)}to{opacity:0;transform:scale(5)}}@keyframes dropletFall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(200px)}}@keyframes causticShift1{0%,to{opacity:.15;transform:translate(0)translateY(0)scale(1)}25%{opacity:.2;transform:translate(30px)translateY(-20px)scale(1.1)}50%{opacity:.25;transform:translate(-20px)translateY(30px)scale(.9)}75%{opacity:.18;transform:translate(15px)translateY(15px)scale(1.05)}}@keyframes causticShift2{0%,to{opacity:.12;transform:translate(0)translateY(0)rotate(0)}33%{opacity:.18;transform:translate(-25px)translateY(20px)rotate(120deg)}66%{opacity:.15;transform:translate(20px)translateY(-15px)rotate(240deg)}}@keyframes causticPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.3)}}@keyframes perspectiveDive{0%{filter:brightness();transform:perspective(800px)translateZ(0)}to{filter:brightness(.3);transform:perspective(800px)translateZ(400px)}}@keyframes underwaterWash{0%{background:0 0}to{background:linear-gradient(#0a3d47f2 0%,#051e28fa 50%,#020f14 100%)}}@keyframes silhouetteDescend{0%{filter:blur(2px);opacity:.6;transform:translateY(0)scale(1)}to{filter:blur(10px);opacity:0;transform:translateY(150px)scale(.7)}}@keyframes rippleExpand{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(3)}}@keyframes diveBubble{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(.3)}}.dive-ripple{pointer-events:none;border:2px solid #3dd6b599;border-radius:50%;animation:.8s ease-out forwards rippleExpand;position:absolute}.dive-bubble{pointer-events:none;background:#fffc;border-radius:50%;animation:.6s ease-out forwards diveBubble;position:absolute}.splash-column{transform-origin:bottom;animation:.8s ease-out forwards splashColumnRise}.splash-curtain-left{transform-origin:100% 100%;animation:.7s ease-out forwards splashCurtainLeft}.splash-curtain-right{transform-origin:0 100%;animation:.7s ease-out forwards splashCurtainRight}.foam-ring{animation:1.2s ease-out forwards foamRingExpand}.underwater-silhouette{animation:1s ease-in forwards silhouetteDescend}.caustic-layer-1{animation:8s ease-in-out infinite causticShift1}.caustic-layer-2{animation:12s ease-in-out infinite causticShift2}.caustic-pulse{filter:blur(40px);animation:4s ease-in-out infinite causticPulse}@keyframes flameFlicker{0%,to{filter:brightness();transform:scaleY(1)scaleX(1)}25%{filter:brightness(1.1);transform:scaleY(1.05)scaleX(.95)}50%{filter:brightness(.95);transform:scaleY(.95)scaleX(1.05)}75%{filter:brightness(1.05);transform:scaleY(1.03)scaleX(.97)}}.flame-flicker{animation:1s ease-in-out infinite flameFlicker}.parallax-slow,.parallax-card{will-change:transform}.horizon-glow{filter:blur(1px);background:radial-gradient(#3dd6b54d 0%,#1e6b721a 30%,#0000 70%);width:100%;height:2px;position:absolute}.seabed{background:linear-gradient(to top, var(--abyss), transparent);pointer-events:none;height:20%;position:absolute;bottom:0;left:0;right:0}@keyframes countSpring{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.count-up{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards countSpring}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--midnight)}::-webkit-scrollbar-thumb{background:var(--ocean-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--surface-teal)}*{scrollbar-width:thin;scrollbar-color:var(--ocean-mid) var(--midnight)}:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px;border-radius:4px}::selection{color:var(--sand);background:#3dd6b54d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in-scale{animation:.6s ease-out forwards fadeInScale}.glow-turquoise{box-shadow:0 0 20px #3dd6b54d}.glow-pulse{position:relative}.glow-pulse:after{content:"";border-radius:inherit;pointer-events:none;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:0;box-shadow:0 0 25px #3dd6b566}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.text-gradient-ocean{background:linear-gradient(135deg, var(--sand) 0%, var(--seafoam) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-turquoise{background:linear-gradient(135deg, var(--turquoise) 0%, var(--surface-teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.ocean-card{border-radius:20px}.font-display{font-size:.9em}}.skeleton-ocean{background:linear-gradient(90deg, var(--deep-navy) 25%, var(--ocean-mid) 50%, var(--deep-navy) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ambientFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ambient-float{animation:4s ease-in-out infinite ambientFloat}.ripple-container{position:relative;overflow:hidden}.ripple-container:before{content:"";opacity:0;background:#3dd6b54d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-container:active:before{opacity:0;width:300px;height:300px}@media print{.ocean-card{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}.ocean-nav,.bio-dot,.bubble,.light-ray{display:none!important}}.session-reading-area{font-family:var(--font-display);color:var(--sand);letter-spacing:.01em;font-size:1.375rem;line-height:1.9}.session-reading-area p{margin-bottom:1.5em}.session-word-unknown{color:var(--turquoise);cursor:pointer;border-bottom:1px dotted #3dd6b54d;transition:border-color .2s,color .2s}.session-word-unknown:hover{border-bottom-color:var(--turquoise)}.session-shadowing-cue{color:var(--seafoam);font-family:var(--font-body);opacity:.7;cursor:pointer;background:#3dd6b50f;border:1px solid #3dd6b51a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;transition:opacity .3s,background .3s;display:inline-flex}.session-shadowing-cue:hover{opacity:1;background:#3dd6b51a}.session-audio-control{width:36px;height:36px;color:var(--seafoam);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.session-audio-control:hover{color:var(--turquoise);background:#3dd6b51a;border-color:#3dd6b533}@keyframes tideFadeIn{0%{opacity:0;filter:blur(2px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.session-fade-in{opacity:0;animation:.8s cubic-bezier(.23,1,.32,1) forwards tideFadeIn}.session-word-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-body);color:var(--sand);z-index:100;background:#0d1b2af2;border:1px solid #3dd6b526;border-radius:12px;padding:10px 16px;font-size:.875rem;animation:.3s forwards tideFadeIn;position:absolute;box-shadow:0 8px 32px #0006}.ocean-scroll{scrollbar-width:thin;scrollbar-color:#3dd6b573 #ffffff0d}.ocean-scroll::-webkit-scrollbar{width:6px;height:6px}.ocean-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.ocean-scroll::-webkit-scrollbar-thumb{background:#3dd6b573;border-radius:3px;transition:background .2s}.ocean-scroll::-webkit-scrollbar-thumb:hover{background:#3dd6b5bf}.ocean-scroll::-webkit-scrollbar-corner{background:0 0}.ocean-scrollbar,.ocean-scrollbar *{scrollbar-width:thin;scrollbar-color:#4fd1c599 #4fd1c54d}.ocean-scrollbar::-webkit-scrollbar{width:4px;height:4px}.ocean-scrollbar::-webkit-scrollbar-track{background:#4fd1c514;border-radius:2px}.ocean-scrollbar::-webkit-scrollbar-thumb{background:#4fd1c599;border-radius:2px}.ocean-scrollbar::-webkit-scrollbar-thumb:hover{background:#4fd1c5cc}.ocean-scrollbar::-webkit-scrollbar-corner{background:0 0}.immersive-word-glow{text-shadow:0 0 8px #4fd1c559,0 0 20px #4fd1c526;color:#4fd1c5;transition:text-shadow .2s,color .2s}@keyframes skeletonShimmerBg{0%{background-position:200% 0}to{background-position:-200% 0}}.brightness-110{filter:brightness(1.1)}.brightness-125{filter:brightness(1.25)}