/* Own VPN only: themed controls, one server list and compact detailed FAQ. */
.own-vpn-page{--own-vpn-ink:var(--text);--own-vpn-muted:color-mix(in srgb,var(--text) 76%,var(--surface-solid));--own-vpn-accent:var(--primary);--own-vpn-surface:color-mix(in srgb,var(--surface-solid) 94%,var(--primary))}
html[data-theme="pearl"] .own-vpn-page{--own-vpn-accent:color-mix(in srgb,var(--primary) 72%,var(--text));--own-vpn-surface:color-mix(in srgb,var(--surface-solid) 97%,var(--primary))}
/* Keep every own-VPN surface tied to the existing theme, including Pearl. */
html[data-theme] .own-vpn-page .own-vpn-main .glass-card{color:var(--own-vpn-ink);border-color:var(--border)!important;background:linear-gradient(145deg,rgb(var(--theme-rgb)/.045),transparent 65%),color-mix(in srgb,var(--surface-solid) 88%,transparent)!important}
.own-vpn-page .own-vpn-hero-copy h1{background:linear-gradient(180deg,var(--own-vpn-ink),color-mix(in srgb,var(--own-vpn-ink) 80%,var(--primary)));background-clip:text;-webkit-background-clip:text}
.own-vpn-page .own-vpn-hero-copy h1 em{background:linear-gradient(105deg,var(--own-vpn-ink),var(--own-vpn-accent) 80%);background-clip:text;-webkit-background-clip:text}
.own-vpn-page .overline{color:var(--own-vpn-accent)}
.own-vpn-page .own-vpn-preview-badge{color:var(--own-vpn-accent);background:rgb(var(--theme-rgb)/.06);border-color:rgb(var(--theme-rgb)/.2)}
.own-vpn-page .own-vpn-preview-badge span{background:var(--own-vpn-accent);box-shadow:none}
.own-vpn-page .own-vpn-feature-icon{background:rgb(var(--theme-rgb)/.06)!important;border-color:var(--border-strong)}
.own-vpn-page .own-vpn-price-card{background:rgb(var(--theme-rgb)/.025);border-color:var(--border)}
.own-vpn-page .own-vpn-price-card.is-trial{background:rgb(var(--theme-rgb)/.06);border-color:var(--border-strong)}
.own-vpn-page .own-vpn-price-card small,.own-vpn-page .own-vpn-price-card span{color:var(--own-vpn-muted)}
/* The injected glass highlight was appearing as a short rail above the logo. */
.own-vpn-page .site-top-hub>.lg-specular-layer{display:none!important}
.own-vpn-page .legal-topbar nav a.active{color:var(--own-vpn-ink);background:rgb(var(--theme-rgb)/.08)}
/* Nested trust/feature span rules previously overrode the mask paint and padding. */
.own-vpn-page .vicon{display:inline-block!important;background:currentColor!important;background-image:none!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;opacity:1!important;color:var(--own-vpn-accent)!important;-webkit-mask:var(--vicon) center/contain no-repeat!important;mask:var(--vicon) center/contain no-repeat!important}
.own-vpn-page .ico-code{--vicon:url('/static/vendor/lucide-pack/code-xml.svg')}
.own-vpn-page .ico-headset{--vicon:url('/static/vendor/lucide-pack/headset.svg')}
.own-vpn-page .ico-network{--vicon:url('/static/vendor/lucide-pack/network.svg')}
.own-vpn-page .ico-shield{--vicon:url('/static/vendor/lucide-pack/shield-check.svg')}
.own-vpn-page .ico-key{--vicon:url('/static/vendor/lucide-pack/key-round.svg')}
.own-vpn-page .ico-login{--vicon:url('/static/vendor/lucide-pack/log-in.svg')}
.own-vpn-page .ico-link{--vicon:url('/static/vendor/lucide-pack/link.svg')}
.own-vpn-page .ico-refresh{--vicon:url('/static/vendor/lucide-pack/refresh-cw.svg')}
.own-vpn-page .ico-globe{--vicon:url('/static/vendor/lucide-pack/globe.svg')}
.own-vpn-page .ico-phone{--vicon:url('/static/vendor/lucide-pack/smartphone.svg')}
.own-vpn-page .ico-badge{--vicon:url('/static/vendor/lucide-pack/badge-check.svg')}
.own-vpn-page .ico-server{--vicon:url('/static/vendor/lucide-pack/server.svg')}
.own-vpn-page .ico-chevron{--vicon:url('/static/vendor/lucide-pack/chevron-down.svg')}
.own-vpn-page .ico-route{--vicon:url('/static/vendor/lucide-pack/route.svg')}
.own-vpn-page .ico-message{--vicon:url('/static/vendor/lucide-pack/message-circle.svg')}
.own-vpn-page .ico-external{--vicon:url('/static/vendor/lucide-pack/arrow-up-right.svg')}
.own-vpn-page .ico-flask{--vicon:url('/static/vendor/lucide-pack/flask-conical.svg')}
.own-vpn-page .own-vpn-trust>span{color:var(--own-vpn-ink)!important;gap:8px!important}
.own-vpn-page .own-vpn-trust .vicon{width:17px!important;height:17px!important;color:var(--own-vpn-accent)!important}
.own-vpn-page .own-vpn-step-icon,.own-vpn-page .own-vpn-feature-icon .vicon{width:21px!important;height:21px!important;color:var(--own-vpn-accent)!important}
.own-vpn-page .own-vpn-support-float{color:var(--own-vpn-ink)!important;background:var(--own-vpn-surface)!important}
.own-vpn-page .own-vpn-support-float .vicon{width:20px!important;height:20px!important;color:var(--own-vpn-accent)!important}
.own-vpn-page .own-vpn-register{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;gap:8px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--own-vpn-ink);-webkit-text-fill-color:currentColor;font-size:.72rem;line-height:1.4;font-weight:600;letter-spacing:0;text-align:center;text-decoration:none;text-shadow:none;box-shadow:none;white-space:normal;transition:background .18s ease,border-color .18s ease}
.own-vpn-page .own-vpn-register .vicon{width:16px!important;height:16px!important;color:var(--own-vpn-accent)!important}
.own-vpn-page .own-vpn-register-main{color:var(--own-vpn-accent);background:rgb(var(--theme-rgb)/.12);border-color:rgb(var(--theme-rgb)/.3)}
.own-vpn-page .own-vpn-register-outline{background:rgb(var(--theme-rgb)/.025);border-color:var(--border-strong)}
.own-vpn-page .own-vpn-register-quiet{border-color:transparent;background:rgb(var(--theme-rgb)/.06)}
.own-vpn-page .own-vpn-register-link{min-height:32px;padding:5px 0;color:var(--own-vpn-accent);border-color:transparent;border-radius:4px;justify-content:flex-start}
.own-vpn-page .own-vpn-register:hover{border-color:rgb(var(--theme-rgb)/.4);background:rgb(var(--theme-rgb)/.1)}
.own-vpn-page .own-vpn-register-main:hover{background:rgb(var(--theme-rgb)/.18)}
.own-vpn-page .own-vpn-register-link:hover{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.own-vpn-page .own-vpn-main .btn.secondary{min-height:36px!important;padding:8px 11px!important;color:var(--own-vpn-ink)!important;-webkit-text-fill-color:currentColor!important;border:1px solid var(--border)!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;font-size:.68rem!important;line-height:1.4!important;font-weight:500!important}
.own-vpn-page .own-vpn-main .btn.secondary:hover{background:rgb(var(--theme-rgb)/.05)!important;border-color:var(--border-strong)!important}
.own-vpn-page .own-vpn-hero-actions{align-items:center}
.own-vpn-page .own-vpn-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}
.own-vpn-page .own-vpn-inline-actions>span{color:var(--own-vpn-muted);font-size:.72rem}
.own-vpn-page .own-vpn-visual-compact{min-height:0!important;min-width:0;justify-content:flex-start;gap:12px;padding:18px!important}
.own-vpn-page .own-vpn-visual-compact::before{display:none}
.own-vpn-page .own-vpn-network-preview-head{position:relative;flex:none;align-items:center;flex-wrap:wrap;gap:7px;margin:0}
.own-vpn-page .own-vpn-network-preview-head small{color:var(--own-vpn-muted);font-size:.65rem}
.own-vpn-page .own-vpn-visual-compact .vpn-server-stack{flex:1 1 0;height:0;min-height:0;max-height:none!important;display:grid;align-content:start;grid-auto-rows:max-content;gap:7px;padding-right:7px!important;scrollbar-color:rgb(var(--theme-rgb)/.46) transparent;scrollbar-gutter:stable}
.own-vpn-page .vpn-server-card{grid-template-columns:32px minmax(0,1fr) 7px;min-height:54px!important;gap:10px;padding:9px 10px!important;border-color:var(--border);background:var(--own-vpn-surface);box-shadow:none;transform:none!important}
.own-vpn-page .vpn-server-card .own-vpn-server-copy{min-width:0}
.own-vpn-page .vpn-server-card b{color:var(--own-vpn-ink);font-size:.75rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.own-vpn-page .vpn-server-card small{color:var(--own-vpn-muted);font-size:.63rem;line-height:1.4}
.own-vpn-page .vpn-server-card .own-vpn-group-icon{height:30px;background:rgb(var(--theme-rgb)/.07)!important;border-color:var(--border-strong)!important;color:var(--own-vpn-accent)!important}
.own-vpn-page .vpn-server-card .vicon{width:19px!important;height:19px!important}
.own-vpn-page .vpn-server-card i{box-shadow:none}
.own-vpn-page.own-vpn-catalog-stale .vpn-server-card i{background:var(--yellow)}
.own-vpn-page .own-vpn-network-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;flex:none;color:var(--own-vpn-muted);font-size:.61rem;line-height:1.5}
.own-vpn-page .own-vpn-scroll-hint{display:inline-flex;align-items:center;gap:5px}
.own-vpn-page .own-vpn-scroll-hint .vicon{width:12px;height:12px}
.own-vpn-page .own-vpn-visual-compact .vpn-server-stack::-webkit-scrollbar-thumb{background:rgb(var(--theme-rgb)/.46)}
.own-vpn-page .own-vpn-faq-scroll{max-height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgb(var(--theme-rgb)/.46) transparent;padding:0 18px!important;border-radius:16px}
.own-vpn-page .own-vpn-faq-scroll>.lg-specular-layer{display:none!important}
.own-vpn-page .own-vpn-faq-answer{padding:15px 0;border-bottom:1px solid var(--border)}
.own-vpn-page .own-vpn-faq-answer:last-child{border-bottom:0}
.own-vpn-page .own-vpn-faq-answer h3{margin:0 0 6px;color:var(--own-vpn-ink);font-size:.83rem;line-height:1.4;font-weight:650}
.own-vpn-page .own-vpn-faq-answer p{margin:0;color:var(--own-vpn-muted);font-size:.75rem;line-height:1.65;overflow-wrap:anywhere}
.own-vpn-page .own-vpn-faq-scroll::-webkit-scrollbar{width:5px}
.own-vpn-page .own-vpn-faq-scroll::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(var(--theme-rgb)/.46)}
.own-vpn-page :is(.own-vpn-register,#ownVpnServerPreview,.own-vpn-faq-scroll):focus-visible{outline:2px solid var(--own-vpn-accent);outline-offset:3px}
@media(max-width:900px){
  .own-vpn-page .own-vpn-hero{grid-template-columns:minmax(0,1fr)}
  .own-vpn-page .own-vpn-visual-compact .vpn-server-stack{flex:0 1 auto;height:330px;max-height:330px!important}
}
@media(max-width:560px){
  .own-vpn-page .own-vpn-hero-actions,.own-vpn-page .own-vpn-cta-actions{width:100%}
  .own-vpn-page .own-vpn-register-main{width:100%}
  .own-vpn-page .own-vpn-faq-scroll{max-height:300px;padding:0 14px!important}
  .own-vpn-page .own-vpn-inline-actions{align-items:flex-start;flex-direction:column}
  .own-vpn-page .own-vpn-visual-compact{padding:14px!important}
  .own-vpn-page .own-vpn-network-preview-head small{font-size:.61rem}
}


/* V167 · Own VPN balance top-up */
.own-vpn-page .ico-wallet{--vicon:url('/static/vendor/lucide-pack/wallet-cards.svg')}
.own-vpn-page .ico-sbp{--vicon:url('/static/vendor/lucide-pack/qr-code.svg')}
.own-vpn-page .ico-card{--vicon:url('/static/vendor/lucide-pack/credit-card.svg')}
.own-vpn-page .ico-crypto{--vicon:url('/static/vendor/lucide-pack/bitcoin.svg')}
.own-vpn-page .own-vpn-balance-card{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px!important;
}
.own-vpn-page .own-vpn-balance-copy{display:flex;align-items:center;gap:13px;min-width:0}
.own-vpn-page .own-vpn-balance-copy>div{min-width:0}
.own-vpn-page .own-vpn-balance-copy b{display:block;color:var(--own-vpn-ink);font-size:.84rem;line-height:1.35;font-weight:650}
.own-vpn-page .own-vpn-balance-copy p{margin:4px 0 0;color:var(--own-vpn-muted);font-size:.72rem;line-height:1.55}
.own-vpn-page .own-vpn-balance-icon{
  width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;
  border:1px solid var(--border-strong);border-radius:12px;background:rgb(var(--theme-rgb)/.065)
}
.own-vpn-page .own-vpn-balance-icon .vicon{width:21px!important;height:21px!important}
.own-vpn-page .own-vpn-payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.own-vpn-page .own-vpn-payment-method{
  min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 12px;border:1px solid var(--border);border-radius:12px;
  background:rgb(var(--theme-rgb)/.025);color:var(--own-vpn-ink)
}
.own-vpn-page .own-vpn-payment-method .vicon{width:20px!important;height:20px!important;flex:0 0 20px;color:var(--own-vpn-accent)!important}
.own-vpn-page .own-vpn-payment-method b{font-size:.72rem;line-height:1.25;font-weight:620;white-space:nowrap}
.own-vpn-page .own-vpn-balance-action{min-width:144px;white-space:nowrap}
@media(max-width:980px){
  .own-vpn-page .own-vpn-balance-card{grid-template-columns:minmax(0,1fr) auto}
  .own-vpn-page .own-vpn-payment-methods{grid-column:1/-1;grid-row:2}
}
@media(max-width:620px){
  .own-vpn-page .own-vpn-balance-card{grid-template-columns:1fr;gap:14px;padding:15px!important}
  .own-vpn-page .own-vpn-balance-copy,.own-vpn-page .own-vpn-payment-methods,.own-vpn-page .own-vpn-balance-action{grid-column:1;grid-row:auto}
  .own-vpn-page .own-vpn-payment-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .own-vpn-page .own-vpn-payment-method{min-height:54px;flex-direction:column;gap:5px;padding:8px 5px}
  .own-vpn-page .own-vpn-payment-method .vicon{width:19px!important;height:19px!important}
  .own-vpn-page .own-vpn-payment-method b{font-size:.66rem;white-space:normal;text-align:center}
  .own-vpn-page .own-vpn-balance-action{width:100%}
}