:root{
  --orange:#f05a00;
  --black:#050505;
  --white:#ffffff;
  --muted:#b8b8b8;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Arial, Helvetica, sans-serif;background:var(--black);color:var(--white)}
body{background:
  radial-gradient(circle at 50% 10%, rgba(240,90,0,.18), transparent 32%),
  linear-gradient(135deg,#000 0%,#121212 55%,#050505 100%);
}
.hero{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px}
.card{width:min(1080px,100%);text-align:center;padding:48px 36px;border:2px solid var(--orange);border-radius:28px;background:rgba(0,0,0,.58);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.logo{width:min(760px,92%);height:auto;display:block;margin:0 auto 30px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}
.line{height:3px;width:min(620px,80%);margin:0 auto 28px;background:linear-gradient(90deg,transparent,var(--orange),transparent)}
h1{font-size:clamp(42px,8vw,96px);line-height:1;margin:0 0 18px;font-weight:900;letter-spacing:.08em;color:var(--orange);text-shadow:0 0 22px rgba(240,90,0,.28)}
p{font-size:clamp(18px,2.4vw,30px);margin:0 0 28px;color:#f2f2f2}
.domain{display:inline-block;color:var(--white);text-decoration:none;border:1px solid rgba(240,90,0,.75);border-radius:999px;padding:14px 26px;font-size:clamp(16px,2vw,22px);letter-spacing:.02em;background:rgba(240,90,0,.08)}
.domain:hover{background:rgba(240,90,0,.18)}
@media(max-width:600px){.card{padding:34px 18px;border-radius:20px}.logo{width:100%;margin-bottom:24px}}