.modal{position:fixed;top:0;bottom:0;left:0;right:0;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:var(--transition-smooth)}.modal.active{opacity:1;pointer-events:auto}.modal article{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:var(--space-2xl) var(--space-xl);position:relative;transform:translateY(30px) scale(.95);transition:var(--transition-smooth);box-shadow:var(--shadow-lg),var(--glass-shadow)}.modal.active article{transform:translateY(0) scale(1)}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal header h3{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 40%,var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btnClose{color:var(--text-secondary);font-size:1.75rem;line-height:1;transition:var(--transition-smooth);background:0 0;border:none;cursor:pointer}.btnClose:hover{color:var(--text-primary);transform:scale(1.15)}.modal p{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-lg) 0;line-height:1.6;font-weight:500}.modal label{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.modal label span{font-size:.8rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.modal input,.modal select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);font-size:.95rem;transition:var(--transition-smooth);outline:0;font-family:var(--font-sans);font-weight:500}.modal input:focus,.modal select:focus{border-color:var(--accent-blue);background:var(--bg-secondary);box-shadow:var(--border-glow-blue)}.formRow{display:flex;gap:var(--space-sm);align-items:stretch;width:100%}.formRow label{flex:1;margin-bottom:0}.formRow input{flex:1;height:44px}.formRow button{height:44px;margin:0!important;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-xl);white-space:nowrap}.modal form button[type=submit]{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-weight:700;font-size:.875rem;white-space:nowrap}.btnSubmitFullWidth{width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-xl)!important}.btnDisconnectDNS{background:var(--accent-red-light);color:var(--accent-red);border:1px solid rgba(220,38,38,.25);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-xl);font-weight:700;font-size:.9rem;transition:var(--transition-smooth);cursor:pointer;display:block;text-align:center}.btnDisconnectDNS:hover{background:var(--accent-red);color:var(--text-inverse);border-color:var(--accent-red);box-shadow:var(--glow-red);transform:translateY(-1px)}.dnsVerifiedState{text-align:center;padding:var(--space-md) 0}.dnsVerifiedState p{margin:var(--space-md) 0 var(--space-lg) 0}.dnsInstructions{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-top:var(--space-xl);text-align:left}.dnsInstructions h4{font-size:.85rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-xs)}.dnsInstructions ul{list-style:disc;padding-left:var(--space-lg);color:var(--text-secondary);font-size:.85rem}#premiumFields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);border:none;padding:0;margin-bottom:var(--space-lg)}.inputGroup{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:0 var(--space-md);transition:var(--transition-smooth)}.inputGroup:focus-within{border-color:var(--accent-blue);background:var(--bg-secondary);box-shadow:var(--border-glow-blue)}.inputGroup input{flex:1;border:none!important;background:0 0!important;box-shadow:none!important;padding:var(--space-sm) 0!important;outline:0}.domainSuffix{color:var(--accent-cyan);font-weight:700;font-size:.9rem;white-space:nowrap;padding-left:var(--space-xs)}.modal fieldset{border:none;padding:0;margin:0 0 var(--space-lg) 0}.modal .firewallSection{margin-bottom:var(--space-xl);border-top:1px solid var(--border-color);padding-top:var(--space-lg)}.modal .firewallSection h4{font-size:.8rem;font-weight:800;color:var(--text-secondary);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.08em}.modal .firewallSection ul{list-style:none;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs);margin:0 0 var(--space-lg) 0;padding:0}.modal .firewallSection li{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-lg);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500}.btnUnblock,.btnUnblockKeyword{color:var(--accent-red);font-size:.75rem;font-weight:700;border:1px solid rgba(220,38,38,.25);background:var(--accent-red-light);border-radius:var(--radius-full);padding:var(--space-3xs) var(--space-sm);transition:var(--transition-smooth);cursor:pointer;letter-spacing:.02em}.btnUnblock:hover,.btnUnblockKeyword:hover{background:var(--accent-red);color:var(--text-inverse);border-color:var(--accent-red);box-shadow:var(--glow-red)}.modal .firewallSection .firewallEmpty{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:var(--space-xl) 0}.badgeGlobal{background:var(--accent-cyan-light);color:var(--accent-cyan);border:1px solid rgba(14,165,233,.3);font-size:.75rem;font-weight:700;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.modal-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg);gap:var(--space-md)}.modal-tab-btn{background:0 0;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:700;padding:var(--space-xs) var(--space-3xs);cursor:pointer;position:relative;transition:var(--transition-smooth)}.modal-tab-btn:hover{color:var(--text-primary)}.modal-tab-btn.active{color:var(--accent-cyan)}.modal-tab-btn.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-cyan);border-radius:var(--radius-full)}@media (max-width:580px){.modal article{padding:var(--space-xl) var(--space-md)}}