@font-face {
  font-family: "Estedad";
  src: url("https://cdn.jsdelivr.net/gh/aminabedi68/Estedad@master/fonts/webfonts/Estedad%5Bwght%5D.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
* {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  touch-action: pan-x pan-y;
  background: #050506;
  color: #f4f8fd;
  font-family: var(--onevpn-font-family, "Estedad", Tahoma, Arial, sans-serif);
}
body {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(ellipse at 50% 18%, rgba(42,124,224,.13), transparent 37%), #03070d;
}
.entry-card {
  width: min(100%, 430px);
  text-align: center;
  color: #f6f8fc;
}
.entry-brand-mark {
  width: 96px;
  height: 96px;
  margin: auto;
  display: grid;
  place-items: center;
}
.entry-brand-mark img {
  display: block;
  width: 78px;
  height: 78px;
  object-fit: contain;
  filter: drop-shadow(0 12px 26px rgba(255, 133, 34, .12));
}
.entry-brand-name {
  margin: 11px 0 0;
  color: #f7f9fc;
  font: italic 850 clamp(26px, 7vw, 34px)/1 "Segoe UI", Inter, Arial, sans-serif;
  letter-spacing: .14em;
  direction: ltr;
}
.entry-brand-name span { color: #ff8a22; letter-spacing: .16em; }
.entry-card h1 {
  margin: 20px 0 0;
  color: #eef2f8;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.8;
}
.entry-status {
  margin: 4px 0 0;
  color: #a8b0bc;
  font-size: 12px;
  line-height: 1.9;
}
.entry-progress {
  position: relative;
  width: min(100%, 148px);
  height: 2px;
  margin: 21px auto 0;
  overflow: hidden;
  background: rgba(255, 255, 255, .12);
}
.entry-progress span {
  position: absolute;
  inset-block: 0;
  inset-inline-start: -40%;
  width: 40%;
  background: #ff8a22;
  animation: entryProgress 1.25s ease-in-out infinite;
}
@keyframes entryProgress { to { transform: translateX(350%); } }

.onevpn-inline-logo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

@media (prefers-reduced-motion: reduce) {
  .entry-progress span { inset-inline-start: 30%; width: 40%; animation: none; }
}

.entry-fallback{width:min(320px,calc(100vw - 40px));margin:16px auto 0;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0d1016;color:#f4f8fd}
.entry-fallback p{margin:0 0 12px;font-size:12px;line-height:1.8;color:#b9c0ca}
.entry-fallback button{width:100%;min-height:44px;border:1px solid #ff9b45;border-radius:13px;background:#ff8121;color:#fff;font:inherit;font-weight:750}