@font-face{font-family:Exo;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/exo-v20-latin-300.woff2) format("woff2")}
@font-face{font-family:Exo;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/exo-v20-latin-regular.woff2) format("woff2")}
@font-face{font-family:Exo;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/exo-v20-latin-500.woff2) format("woff2")}
@font-face{font-family:Exo;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/exo-v20-latin-600.woff2) format("woff2")}
:root{
  color-scheme:dark;
  --bg-inner:#4d4d4d;--bg-outer:#1f1f1f;--bg:#303030;
  --panel:#282828;--line:#404040;
  --text:#cdcdcd;--heading:#e8e8e8;--muted:#909090;
  --accent:#fa9302;--ok:#37cf39;--link:#4fabe9;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg-outer)}
body{margin:0;min-height:100vh;background:radial-gradient(circle,var(--bg-inner) 0%,var(--bg-outer) 100%) no-repeat,var(--bg-outer);color:var(--text);font:400 16px/1.6 Exo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--link)}
.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 16px}
.panel{display:flex;align-items:flex-start;gap:40px;width:100%;max-width:720px;padding:56px 50px;background:var(--panel);border-radius:6px;box-shadow:0 8px 25px #0000004d,inset 0 0 2px #00000040}
.logo{flex:none;display:block;line-height:0;border-radius:2px;box-shadow:0 4px 14px #00000059}
.logo img{display:block;width:100px;height:100px}
.content{flex:1;min-width:0}
.eyebrow{margin:0 0 6px;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
h1{margin:0 0 12px;font-size:clamp(1.5rem,4vw,2rem);font-weight:500;line-height:1.2;color:var(--heading)}
.domain{display:block;font-weight:600;overflow-wrap:anywhere}
.lead{margin:0 0 28px;color:var(--text);font-weight:300;font-size:1.05rem}
.status{margin:0 0 28px;border-top:1px solid var(--line)}
.status div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.status dt{color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:10px}
.status dt::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px #37cf3980}
.status dd{margin:0;color:var(--heading);font-weight:500;text-align:right;overflow-wrap:anywhere}
.badge{display:inline-block;padding:6px 14px;border:1px solid #707070;border-radius:3px;color:#eee;font-size:.875rem;text-shadow:0 1px 1px #00000059;background:linear-gradient(#454545 0%,#353535 65%,#303030 100%),#303030;box-shadow:0 1px 4px #0003,inset 0 0 1px #141414,inset 0 0 3px #00000080}
footer{font-size:.8rem;color:var(--muted);text-align:center}
@media (max-width:600px){
  .panel{flex-direction:column;align-items:center;gap:24px;padding:36px 22px;text-align:center}
  .status div{flex-direction:column;align-items:center;gap:2px;text-align:center}
  .status dd{text-align:center}
}