:root { color-scheme:dark; background:#020202; color:#f1efed; font-family:'Segoe UI',Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-width:280px; }
main { position:relative; isolation:isolate; height:100svh; min-height:680px; overflow:hidden; background:radial-gradient(ellipse 32% 48% at 50% 31%,#50200818,transparent 80%),#020202; }
.identity { position:absolute; top:1.7%; left:50%; transform:translateX(-50%); width:min(60vh,48vw); }
.logo { display:block; width:100%; height:auto; mix-blend-mode:screen; filter:drop-shadow(0 0 13px #ff650b32); }
.identity::before { content:''; position:absolute; inset:0 -18%; z-index:-1; background:radial-gradient(ellipse,#c6490714,transparent 70%); }
.message { position:absolute; top:59.85%; left:0; width:100%; padding:0 20px; text-align:center; z-index:2; }
.message::before { content:''; display:block; height:1px; width:11vh; margin:0 auto 3.2vh; background:#ed7100; }
h1 { margin:0; font-size:clamp(1.3rem,3.9vh,3rem); line-height:1.5; font-weight:300; letter-spacing:.33em; }
h1 span { color:#ff7200; }
a { display:inline-flex; align-items:center; gap:26px; margin-top:3.3vh; min-height:44px; color:#e5dfdb; text-decoration:none; font-size:clamp(1rem,2.7vh,1.8rem); font-weight:300; letter-spacing:.18em; }
a svg { width:42px; height:32px; color:#f77700; }
a:hover { color:#ff873f; }
a:focus-visible { outline:1px solid #ff7200; outline-offset:6px; }
.water { position:absolute; inset:0; z-index:-1; pointer-events:none; background:url('assets/scene.webp') center bottom / 100% 100% no-repeat; mask-image:linear-gradient(transparent 77%,#000 79.5%); }
main::after { content:''; position:absolute; z-index:-2; inset:60% 0 15%; pointer-events:none; background:radial-gradient(ellipse at 4% 105%,#ff650026,transparent 41%),radial-gradient(ellipse at 96% 105%,#ff650026,transparent 41%); }
@media(max-width:600px) { main { min-height:640px; } .identity { top:9%; width:88vw; max-width:43vh; } .message { top:58%; padding-inline:12px; } .message::before { margin-bottom:3vh; width:65px; } h1 { font-size:clamp(.96rem,4.2vw,1.5rem); letter-spacing:.14em;  } a { margin-top:3vh; font-size:1rem; gap:13px; letter-spacing:.12em; } a svg { width:26px; height:21px; } .water { background-size:auto 100%; } }
@media(max-height:600px) and (min-width:601px) { main { min-height:600px; } .identity { width:350px; } h1 { font-size:24px; } a { font-size:18px; margin-top:16px; } .message::before { margin-bottom:18px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto; } }