.vpn-modal-overlay{background:color-mix(in srgb,var(--bg-secondary)70%,transparent);z-index:999;justify-content:center;align-items:center;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}.vpn-modal{background:var(--bg-card);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border)70%,transparent);width:100%;max-width:460px;box-shadow:0 2px 8px color-mix(in srgb,var(--shadow)50%,transparent),0 8px 24px color-mix(in srgb,var(--shadow)30%,transparent);opacity:0;border-radius:16px;padding:12px;animation:.3s forwards modalAppear;position:relative;transform:translateY(10px)}.vpn-modal h2{margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3}.vpn-modal p,.vpn-modal div{color:var(--text-secondary);font-size:15px;line-height:1.6}.vpn-modal a{color:var(--text-link);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.vpn-modal a:hover{color:color-mix(in srgb,var(--text-link)70%,var(--accent-green)30%)}.vpn-modal-buttons{justify-content:space-between;gap:12px;margin-top:26px;display:flex}.vpn-modal button{border:1px solid color-mix(in srgb,var(--border)60%,transparent);cursor:pointer;border-radius:8px;outline:none;padding:10px 18px;font-size:14px;font-weight:500;transition:background .25s,color .25s,border-color .25s}.vpn-modal button:disabled{opacity:.5;cursor:not-allowed}.vpn-modal .btn-prev{background:var(--bg-card);color:var(--text-secondary)}.vpn-modal .btn-prev:hover:not(:disabled){background:color-mix(in srgb,var(--bg-secondary)70%,transparent);color:var(--text-primary)}.vpn-modal .btn-next{background:var(--text-link);color:#fff;border-color:color-mix(in srgb,var(--text-link)60%,transparent)}.vpn-modal .btn-next:hover{background:color-mix(in srgb,var(--text-link)85%,var(--accent-green)15%);border-color:color-mix(in srgb,var(--accent-green)70%,var(--text-link)30%)}.vpn-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;font-size:20px;transition:color .2s;position:absolute;top:10px;right:12px}.vpn-modal-close:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vpn-modal-overlay.allow-clicks{pointer-events:none;background:0 0}.vpn-modal-overlay.allow-clicks .vpn-modal{pointer-events:auto}.vpn-modal.floating{background:color-mix(in srgb,var(--bg-main)90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--border)80%,transparent);width:90%;box-shadow:0 8px 20px color-mix(in srgb,var(--shadow)35%,transparent);position:absolute;top:80px}