:root {
  --accent:#2563eb;
  --accent-hover:#1d4ed8;
  --ink:#1e2d47;
  --muted:#6e7d93;
  --line:#e0e8f3;
  --green:#386448;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);
  font-size:14px
}
* { box-sizing:border-box }
body { margin:0 }
button {
  font:inherit;
  cursor:pointer;
  border:1px solid transparent;
  background:var(--accent);
  color:white;
  border-radius:7px;
  padding:11px 18px;
  font-weight:600;
  transition:background .15s
}
button,a { touch-action:manipulation }
button:hover { background:var(--accent-hover) }
button:disabled { cursor:wait; opacity:.6 }
a { color:var(--accent); text-decoration:none }
a:hover { text-decoration:underline }
button:focus-visible,a:focus-visible {
  outline:3px solid #93b9fa;
  outline-offset:3px
}
h1,p { margin-top:0 }
h1 {
  font-size:27px;
  letter-spacing:-.7px;
  line-height:1.4;
  margin-bottom:10px
}
.muted { color:var(--muted); font-weight:400; line-height:1.7 }
.eyebrow {
  font-size:10px;
  letter-spacing:2px;
  font-weight:700;
  color:var(--accent);
  margin-bottom:12px
}
[hidden] { display:none!important }
.gateway-body {
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:30px;
  background:#f2f6fd
}
.gateway {
  width:min(100%,540px);
  padding:42px;
  background:white;
  border:1px solid var(--line);
  border-radius:14px
}
.gateway-brand {
  display:flex;
  gap:12px;
  align-items:center;
  color:var(--accent);
  font-size:22px;
  font-weight:700;
  margin-bottom:40px
}
.gateway-brand img { width:42px; height:42px }
.gateway>.muted { font-size:13px }
.gateway #entry-status { font-size:13px; padding:20px 0; line-height:1.8 }
.probe-list { border-top:1px solid var(--line); margin-bottom:24px }
.probe-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:15px 0;
  border-bottom:1px solid var(--line);
  font-size:12px
}
.probe-row.healthy { color:var(--green) }
.probe-row .manual-link { font-size:11px }
.gateway-foot { font-size:10px; color:#8a9ab2; margin:30px 0 0 }
.gateway #retry { width:100% }
@media(max-width:580px) {
  .gateway { padding:32px 24px }
  .gateway h1 { font-size:23px }
  .gateway-brand { margin-bottom:32px }
}