:root{--red:#e40022;--black:#08080a;--coal:#151519;--white:#fff;--muted:#9b9ca2}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}
.standby{position:relative;display:grid;min-height:100vh;padding:48px;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 28%,#2b1015 0,transparent 31%),linear-gradient(135deg,#070709,#16161a)}
.standby-grid{position:absolute;inset:-30%;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:48px 48px;transform:rotate(-8deg)}
.standby-red-beam{position:absolute;width:180px;height:130vh;background:linear-gradient(180deg,#f00025,#9e001d);transform:rotate(24deg);opacity:.75;mix-blend-mode:screen}
.standby-red-beam-one{right:12%;top:-20%}.standby-red-beam-two{right:-7%;top:-24%;opacity:.16}
.standby-card{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;width:min(1120px,100%);min-height:560px;background:#0d0d10d9;border:1px solid #ffffff17;box-shadow:0 42px 120px #000c;backdrop-filter:blur(9px)}
.standby-logo{display:grid;padding:60px;place-items:center;background:#050507b8;border-right:1px solid #ffffff12}
.standby-logo img{width:min(390px,100%);height:auto}
.standby-content{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(38px,6vw,85px)}
.standby-kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#c7c8cb;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.standby-kicker span{width:38px;height:3px;background:var(--red)}
h1{max-width:660px;margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(58px,7vw,94px);font-weight:900;line-height:.92;letter-spacing:-.015em;text-transform:uppercase}
h1:after{content:"";display:block;width:92px;height:8px;margin-top:28px;background:var(--red)}
.standby-message{max-width:580px;margin:30px 0 26px;color:#c4c5c9;font-size:18px;line-height:1.7}
.standby-progress{position:relative;width:min(380px,100%);height:6px;overflow:hidden;background:#303035}
.standby-progress span{position:absolute;inset:0;width:44%;background:var(--red);animation:build 2.4s ease-in-out infinite}
.standby-small{margin:13px 0 0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.standby footer{position:absolute;z-index:2;right:30px;bottom:24px;left:30px;color:#6f7075;font-size:9px;font-weight:900;letter-spacing:.14em;text-align:center}.standby footer span{margin:0 9px;color:var(--red)}
@keyframes build{0%{transform:translateX(-120%)}55%{transform:translateX(105%)}100%{transform:translateX(240%)}}
@media(max-width:820px){.standby{padding:25px}.standby-card{grid-template-columns:1fr}.standby-logo{min-height:220px;padding:38px;border-right:0;border-bottom:1px solid #ffffff12}.standby-logo img{width:min(300px,80%)}.standby-content{padding:45px 30px 65px}.standby-red-beam{right:-12%}}
@media(max-width:480px){.standby{padding:15px 15px 65px}.standby-card{min-height:auto}.standby-logo{min-height:180px;padding:28px}.standby-content{padding:38px 23px 50px}h1{font-size:52px}.standby-message{font-size:16px}.standby footer{bottom:18px}}
@media(prefers-reduced-motion:reduce){.standby-progress span{animation:none;transform:none;width:55%}}