/* Ocean photograph: https://images.unsplash.com/photo-1518837695005-2083093ee35b */
body{background:#073347;isolation:isolate}
.ocean-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#073347}
.ocean-scene:before{content:"";position:absolute;inset:-2%;background:url("bottle-ocean-20260922.jpg") center 58%/cover no-repeat;animation:ocean-breathe 24s ease-in-out infinite alternate;will-change:transform}
.ocean-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,40,.76),rgba(6,36,52,.35) 70%),linear-gradient(180deg,rgba(2,27,41,.32),transparent 60%,rgba(2,27,41,.45))}
.ocean-glimmer{position:absolute;inset:48% -30% -25%;z-index:1;background:radial-gradient(ellipse at 75% 30%,rgba(185,239,237,.12),transparent 45%);animation:ocean-glimmer 12s ease-in-out infinite alternate}
.topbar{border-color:#d5eeee33}.topbar .brand,.topbar nav a,.topbar .link-button{color:#f0f8f8}.brand-mark{color:#bce6e1;border-color:#bce6e199}
.hero h1,.page-head h1{color:#f4f8f4;text-shadow:0 2px 20px #00152155}.hero h1 em{color:#afe2d9}.hero>.eyebrow,.page-head .eyebrow{color:#bde8e2}.hero>p,.page-head>p,.page-head>div>p{color:#e0eeee}.hero .ghost{color:#effafa;border-color:#cde9e3aa;background:#052c4340}.hero .primary{background:#e8f5ef;color:#123e4b;border-color:#e8f5ef;box-shadow:4px 4px 0 #56b3ad88}
.feature-grid{border-color:#cde8e04d;background:#cde8e033}.feature-grid article{background:rgba(255,253,248,.94)}.panel,.timeline,.reading-card{background:rgba(255,253,248,.96);box-shadow:0 12px 36px #00233724}.auth-card{box-shadow:0 18px 60px #001c3540}.auth-card>div{background:linear-gradient(155deg,#103e50,#082c3c)}.sea-panel{background:linear-gradient(145deg,#0b536deb,#083649ed);border-color:#b6e5e34d;box-shadow:0 12px 36px #001c3540}
footer{position:relative;color:#deeceb;text-shadow:0 1px 4px #002133}.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid #bce6e1;outline-offset:4px}
@keyframes ocean-breathe{from{transform:translate3d(-.5%,0,0) scale(1)}to{transform:translate3d(.5%,-.5%,0) scale(1.025)}}
@keyframes ocean-glimmer{from{opacity:.35;transform:translate3d(-3%,0,0)}to{opacity:.9;transform:translate3d(3%,-2%,0)}}
@media(max-width:760px){.ocean-scene:before{background-position:58% center}.ocean-scene:after{background:linear-gradient(180deg,#042a40b8,#052a3e80 55%,#032338ad)}.topbar{gap:12px;flex-wrap:wrap}.hero>p{font-size:16px}.feature-grid article{background:rgba(255,253,248,.96)}}
@media(prefers-reduced-motion:reduce){.ocean-scene:before,.ocean-glimmer,.waves span{animation:none;will-change:auto}}