:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#102a43;color:#fff}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
.scene{position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,22,39,.36),transparent 65%),url('assets/construction.png') center center/cover no-repeat;z-index:-1}
.page{min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,3.5vw,60px);padding-bottom:24px;background:linear-gradient(0deg,rgba(5,22,39,.4),transparent 20%)}
header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #ffd54f;outline-offset:8px}
.brand{display:flex;align-items:center;gap:22px}
.brand svg{width:clamp(56px,6vw,96px);height:auto;flex-shrink:0}
.wordmark{display:flex;flex-direction:column;border-left:1px solid #ffffff90;padding-left:24px;gap:8px}
.wordmark strong{font-size:clamp(22px,3vw,46px);font-weight:600;letter-spacing:.13em}
.wordmark>span{font-size:clamp(12px,1.4vw,21px);letter-spacing:.57em}
.domain{font-size:clamp(13px,1.4vw,22px);letter-spacing:.06em;padding-top:4px;text-shadow:0 2px 12px #102a43}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 0 90px}
.accent{width:clamp(95px,11vw,175px);height:6px;background:#ffd54f;margin-bottom:26px}
h1{margin:0;font-size:clamp(72px,8.8vw,150px);line-height:.92;font-weight:900;letter-spacing:-.045em;text-shadow:0 3px 32px #102a4320}
main p{font-family:Tahoma,Arial,sans-serif;font-size:clamp(25px,3.3vw,52px);line-height:1.6;margin:24px 0 0}
footer{display:flex;align-items:center;gap:30px;font-size:16px;letter-spacing:.03em}
footer>span{height:1px;background:#ffffff80;flex:1}
footer a{white-space:nowrap;padding:8px 0;text-shadow:0 2px 8px #102a43}
footer strong{font-weight:400}
footer a:hover{color:#ffd54f}
@media(min-width:1600px){main{padding-top:90px}}
@media(max-width:700px){
 .scene{background-position:64% center;background-image:linear-gradient(90deg,rgba(5,22,39,.82),rgba(5,22,39,.16)),url('assets/construction.png')}
 .page{padding:26px 24px 18px}
 header{flex-direction:column;gap:20px}
 .brand{gap:14px}.wordmark{padding-left:16px;gap:6px}.wordmark strong{font-size:27px}.wordmark>span{font-size:13px}
 .domain{font-size:12px;letter-spacing:.12em;opacity:.75}
 main{padding:70px 0 110px}h1{font-size:clamp(67px,16vw,110px)}main p{font-size:clamp(24px,6vw,36px)}
 .accent{height:4px;margin-bottom:24px}footer{gap:16px;font-size:13px}
}
@media(max-height:540px) and (min-width:701px){main{padding:35px 0}h1{font-size:80px}main p{font-size:27px;margin-top:14px}.brand svg{width:54px}.wordmark strong{font-size:24px}.wordmark>span{font-size:12px}}