html.onevpn-access-blocked-page,
body.onevpn-access-blocked-page {
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  background: #050506;
}

html:has(.onevpn-access-blocked),
body:has(.onevpn-access-blocked) { background: #050506; }

.onevpn-access-blocked {
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  place-items: center;
  padding: max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  color: #f4f5f7;
  background: radial-gradient(ellipse at 50% 0, rgba(255, 130, 33, .075), transparent 43%), #050506;
  font-family: var(--onevpn-font-family, "Estedad", Tahoma, Arial, sans-serif);
  text-align: right;
}

.onevpn-access-blocked:focus-visible { outline: 2px solid #ff9a48; outline-offset: -9px; }

.onevpn-access-blocked__content {
  width: min(100%, 520px);
  margin: auto;
}

.onevpn-access-blocked__eyebrow {
  margin: 0 0 14px;
  color: #f59a53;
  font: 700 11px/1.5 "Segoe UI", Tahoma, Arial, sans-serif;
  letter-spacing: .12em;
  direction: ltr;
  text-align: right;
}

.onevpn-access-blocked h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(23px, 6vw, 30px);
  font-weight: 750;
  line-height: 1.6;
}

.onevpn-access-blocked__summary {
  margin: 10px 0 26px;
  color: #b4b8c0;
  font-size: 14px;
  line-height: 2;
}

.onevpn-access-blocked__reason {
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-right: 2px solid #f18435;
  background: rgba(255, 255, 255, .035);
}

.onevpn-access-blocked__reason h2 {
  margin: 0 0 5px;
  color: #9299a4;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.8;
}

.onevpn-access-blocked__reason p {
  margin: 0;
  color: #f4f5f7;
  font-size: 14px;
  line-height: 2;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.onevpn-access-blocked__service-note,
.onevpn-access-blocked__support {
  margin: 20px 0 0;
  color: #a9afb8;
  font-size: 12px;
  line-height: 1.9;
}

.onevpn-access-blocked__support { margin-top: 5px; color: #858b95; }

@media (max-width: 420px) {
  .onevpn-access-blocked { padding-inline: 22px; }
  .onevpn-access-blocked__summary { margin-bottom: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .onevpn-access-blocked *, .onevpn-access-blocked *::before, .onevpn-access-blocked *::after { scroll-behavior: auto !important; }
}