:root{color-scheme:dark;font-family:"Trebuchet MS",Arial,sans-serif;color:#fbfaf7;background:#171d23}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;background:#171d23 url("seafood-slate.png") center/cover no-repeat}
body::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(12,17,22,.08) 5%,rgba(12,17,22,.12) 50%,rgba(12,17,22,.24));pointer-events:none}
main{width:min(72%,900px);padding:64px 0 80px;text-align:center}
.logo{animation:logo-in 1.2s ease-out both}
.logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #ffffffb3)}
h1{font-size:clamp(30px,4.1vw,60px);font-weight:700;line-height:1.15;letter-spacing:-.035em;margin:46px 0 24px;text-shadow:0 3px 18px #0008}
.line{display:block}
.line>span{display:inline-block;animation:reveal .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.3s + var(--i)*.17s)}
.swoosh{height:20px;width:clamp(150px,24vw,300px);margin:0 auto 30px;border-top:6px solid #d30b0b;border-radius:50%;transform:rotate(-1deg)}
.status{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(12px,1.35vw,17px);letter-spacing:.12em;white-space:nowrap}
.rule{width:44px;height:1px;background:#f8f5eea6}
.letters{display:inline-flex;gap:1px}
.letters>span{animation:reveal .6s ease both;animation-delay:calc(1.2s + var(--i)*.065s)}
.anchor{width:40px;height:49px;flex-shrink:0;transform-origin:50% 10%;animation:rock 4.8s ease-in-out infinite}
@keyframes reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes logo-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes rock{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(max-width:600px){body{background-size:auto 100%;background-position:center}body::before{background:#0d131a44}main{width:88%;padding:64px 0 96px}.logo{border-radius:5px}h1{font-size:clamp(27px,6.7vw,40px);margin-top:38px;line-height:1.22}.status{gap:9px;letter-spacing:.09em}.rule{width:24px}.anchor{width:30px;height:40px}.swoosh{margin-bottom:28px;border-top-width:4px}}
@media(max-height:550px) and (min-width:601px){main{padding:28px 0;width:min(60%,650px)}h1{font-size:32px;margin:24px 0 16px}.swoosh{margin-bottom:10px;height:12px}.anchor{height:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:600px) and (orientation:portrait){body{background:#171d23;overflow-x:hidden}body::before{position:fixed;inset:auto;top:50%;left:50%;width:100svh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);background:linear-gradient(#10161b30,#10161b30),url("seafood-slate.png") center/cover no-repeat}}