:root{color-scheme:dark;--navy:#091e2c;--cream:#fff0ce;--gold:#f2b64f}
*{box-sizing:border-box}
html{min-height:100%;background:var(--navy)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;color:var(--cream);font-family:Arial,Helvetica,sans-serif;text-align:center;position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,30,44,.35),rgba(9,30,44,.85) 28%,rgba(9,30,44,.85) 72%,rgba(9,30,44,.35)),url("assets/landscape.webp") center/cover no-repeat;pointer-events:none}
main{width:100%;max-width:850px;margin:auto;padding:64px 24px 48px}
.logo{display:block;width:176px;height:176px;margin:0 auto 28px}
h1{margin:0;font-size:clamp(34px,6.8vw,64px);line-height:1.06;font-weight:750;letter-spacing:.025em}
h1 span{display:block;color:var(--gold);font-size:.57em;letter-spacing:.33em;padding-left:.33em;margin-top:13px}
.tagline{font-size:clamp(16px,2.4vw,21px);line-height:1.6;margin:27px 0 0;letter-spacing:.035em}
.rule{width:48px;height:2px;background:var(--gold);margin:28px auto}
.intro{font-size:16px;line-height:1.8;color:#d1d9dc;margin:0}
.status{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--gold);border:1px solid #f2b64f55;border-radius:30px;padding:12px 20px;margin:30px 0 0}
footer{padding:0 24px 25px;color:#b7c7ce;font-size:11px;letter-spacing:.14em}
.mobile-break{display:none}
@media(max-width:520px){main{padding-top:42px;padding-bottom:36px}.logo{width:140px;height:140px;margin-bottom:28px}.mobile-break{display:block}.desktop-break{display:none}.intro{max-width:300px;margin:auto;font-size:15px}body::before{background:linear-gradient(rgba(9,30,44,.81),rgba(9,30,44,.88)),url("assets/landscape.webp") center/cover no-repeat}}
@media(max-height:650px) and (min-width:600px){main{padding-top:25px;padding-bottom:25px}.logo{width:110px;height:110px;margin-bottom:18px}h1{font-size:44px}.tagline{margin-top:18px}.rule{margin:18px auto}.status{margin-top:20px}}