.network-diagnostic-page{--nt-surface:#fff;--nt-muted-surface:#f5f7fc;--nt-text:#17243b;--nt-muted:#475569;--nt-border:#d8e1ef;--nt-blue:#1d4ed8;--nt-green:#047857;--nt-purple:#7e22ce;--nt-blue-wash:#eff6ff;--nt-green-wash:#ecfdf5;--nt-purple-wash:#faf5ff;color:var(--nt-text);background:linear-gradient(155deg, var(--nt-blue-wash), var(--nt-muted-surface) 30%, var(--nt-purple-wash) 70%, var(--nt-green-wash));padding-bottom:1rem}[data-theme=dark] .network-diagnostic-page{--nt-surface:#172337;--nt-muted-surface:#0f172a;--nt-text:#f1f5f9;--nt-muted:#bdcbe0;--nt-border:#364760;--nt-blue:#93c5fd;--nt-green:#6ee7b7;--nt-purple:#d8b4fe;--nt-blue-wash:#15253e;--nt-green-wash:#112c2a;--nt-purple-wash:#241c38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.network-diagnostic-page .network-tool-hero{color:#fff;text-align:center;background:linear-gradient(90deg,#2563eb,#7e22ce);padding:clamp(2rem,5vw,4rem) 1rem}.network-diagnostic-page .network-tool-hero-inner{min-width:0;max-width:1100px;margin-inline:auto}.network-diagnostic-page .network-tool-breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .65rem;margin-bottom:1.75rem;font-size:.85rem;line-height:1.6;display:flex}.network-diagnostic-page .network-tool-breadcrumb a{color:#fff;text-underline-offset:3px;text-decoration:underline}.network-diagnostic-page .network-tool-breadcrumb>span:last-child{overflow-wrap:anywhere}.network-diagnostic-page .network-tool-eyebrow{letter-spacing:.08em;text-transform:uppercase;background:#00000018;border:1px solid #ffffff70;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:700;display:inline-block}.network-diagnostic-page .network-tool-hero h1{color:#fff;overflow-wrap:anywhere;max-width:900px;margin:1.1rem auto;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;line-height:1.17}.network-diagnostic-page .network-tool-hero-intro{color:#fff;max-width:780px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.75}.network-diagnostic-page .network-tool-tags{flex-wrap:wrap;justify-content:center;gap:.65rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.network-diagnostic-page .network-tool-tags li{align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;display:flex}.network-diagnostic-page .network-tool-tags li:before{content:"";background:#a7f3d0;border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem}.network-diagnostic-page .network-tool-jump-links{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.75rem;display:flex}.network-diagnostic-page .network-tool-jump-links a{color:#fff;background:#00000021;border:1px solid #ffffff70;border-radius:10px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;line-height:1.5;text-decoration:none;transition:background .15s}.network-diagnostic-page .network-tool-jump-links a:first-child{color:#1d4ed8;background:#fff;border-color:#fff}.network-diagnostic-page .network-tool-jump-links a:hover{background:#00000045}.network-diagnostic-page .network-tool-jump-links a:first-child:hover{background:#eff6ff}.network-diagnostic-page .network-tool-body,.network-diagnostic-page .diagnostic-tool{width:100%;max-width:1120px;color:var(--nt-text);min-width:0;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) 1rem 3rem}.network-diagnostic-page :is(#tool-input,#tool-guide,#tool-privacy,#tool-related){scroll-margin-top:90px}.network-diagnostic-page .diagnostic-input-panel{background:linear-gradient(120deg, var(--nt-surface), var(--nt-blue-wash));border:1px solid var(--nt-border);color:var(--nt-text);border-top:4px solid #2563eb;border-radius:20px;margin-top:0;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 8px 30px #152d5a09}.network-diagnostic-page .diagnostic-input-panel h2{color:var(--nt-text);margin:.25rem 0 .6rem;font-size:clamp(1.3rem,2.5vw,1.65rem)}.network-diagnostic-page .network-tool-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--nt-blue);margin-bottom:.5rem;font-size:.75rem;font-weight:800;line-height:1.5;display:block}.network-diagnostic-page .diagnostic-input-intro{color:var(--nt-muted);max-width:760px;margin-bottom:1.4rem}.network-diagnostic-page .diagnostic-field{color:var(--nt-text);gap:.6rem}.network-diagnostic-page .diagnostic-field :is(input,select,textarea){background:var(--nt-surface);border:1px solid var(--nt-border);width:100%;max-width:100%;color:var(--nt-text);border-radius:10px;padding:.85rem 1rem;font-size:1rem;line-height:1.5}.network-diagnostic-page .diagnostic-field input::placeholder,.network-diagnostic-page .diagnostic-field textarea::placeholder{color:var(--nt-muted);opacity:1}.network-diagnostic-page .diagnostic-field textarea{resize:vertical}.network-diagnostic-page .diagnostic-consent{background:var(--nt-green-wash);border:1px solid var(--nt-border);border-radius:12px;padding:1rem;font-size:.95rem}.network-diagnostic-page .diagnostic-consent input{accent-color:#047857;width:1.1rem;height:1.1rem}.network-diagnostic-page .diagnostic-baseline{background:var(--nt-purple-wash);border:1px solid var(--nt-border);overflow-wrap:anywhere;border-radius:12px;margin:1.3rem 0;padding:1.1rem}.network-diagnostic-page .diagnostic-input-panel button{min-height:44px;color:var(--nt-purple);background:var(--nt-surface);border-color:var(--nt-border);white-space:normal;overflow-wrap:anywhere;font-weight:600}.network-diagnostic-page .diagnostic-input-panel .btn-primary,.network-diagnostic-page .refresh-btn{color:#fff;white-space:normal;background:linear-gradient(110deg,#047857,#1d4ed8);border:1px solid #0000;border-radius:10px;justify-content:center;min-height:46px;padding:.8rem 1.2rem;font-weight:700;line-height:1.5}.network-diagnostic-page .diagnostic-input-panel button:hover:not(:disabled),.network-diagnostic-page .refresh-btn:hover:not(:disabled){box-shadow:0 4px 16px #2563eb25}.network-diagnostic-page .diagnostic-input-panel button:disabled{cursor:not-allowed}.network-diagnostic-page .copy-btn{border-color:var(--nt-purple);color:var(--nt-purple);justify-content:center;min-height:44px}.network-diagnostic-page .copy-btn:hover{background:var(--nt-purple-wash);color:var(--nt-purple)}.network-diagnostic-page .network-tool-guide{min-width:0;margin-top:2.75rem}.network-diagnostic-page .network-tool-guide :is(p,li){overflow-wrap:anywhere;font-size:.98rem;line-height:1.8}.network-diagnostic-page .network-tool-guide p{color:var(--nt-muted);margin:.65rem 0}.network-diagnostic-page .network-tool-guide h2{color:var(--nt-text);margin:0 0 .85rem;font-size:clamp(1.3rem,2.5vw,1.65rem);font-weight:750;line-height:1.35}.network-diagnostic-page .network-tool-guide h3{color:var(--nt-text);margin:1.3rem 0 .65rem;font-size:1.08rem;font-weight:700;line-height:1.45}.network-diagnostic-page .network-tool-section-heading{max-width:750px;margin-bottom:1.25rem}.network-diagnostic-page .network-tool-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.network-diagnostic-page .network-tool-steps li{border:1px solid var(--nt-border);background:linear-gradient(145deg, var(--nt-blue-wash), var(--nt-surface));border-radius:16px;min-width:0;padding:1.4rem}.network-diagnostic-page .network-tool-steps li:nth-child(2){background:linear-gradient(145deg, var(--nt-purple-wash), var(--nt-surface))}.network-diagnostic-page .network-tool-steps li:nth-child(3){background:linear-gradient(145deg, var(--nt-green-wash), var(--nt-surface))}.network-diagnostic-page .network-tool-step-number{color:#fff;background:#1d4ed8;border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.95rem;font-weight:800;display:inline-flex}.network-diagnostic-page .network-tool-steps li:nth-child(2) .network-tool-step-number{background:#7e22ce}.network-diagnostic-page .network-tool-steps li:nth-child(3) .network-tool-step-number{background:#047857}.network-diagnostic-page .network-tool-guide-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.25rem;margin:1.5rem 0;display:grid}.network-diagnostic-page .network-tool-info{border:1px solid var(--nt-border);background:linear-gradient(150deg, var(--nt-purple-wash), var(--nt-surface) 65%);border-top:3px solid #7e22ce;border-radius:16px;min-width:0;padding:clamp(1.25rem,2.5vw,1.75rem)}.network-diagnostic-page .network-tool-info-purple .network-tool-kicker{color:var(--nt-purple)}.network-diagnostic-page .network-tool-info-green{background:linear-gradient(150deg, var(--nt-green-wash), var(--nt-surface) 65%);border-top-color:#059669}.network-diagnostic-page .network-tool-info-green .network-tool-kicker{color:var(--nt-green)}.network-diagnostic-page .network-tool-info ul{color:var(--nt-muted);margin:1rem 0;padding-left:1.2rem}.network-diagnostic-page .network-tool-info li{margin-bottom:.85rem;padding-left:.2rem}.network-diagnostic-page .network-tool-info li::marker{color:var(--nt-purple)}.network-diagnostic-page .network-tool-info-green li::marker{color:var(--nt-green)}.network-diagnostic-page .network-tool-scope-note{border:1px solid var(--nt-border);background:var(--nt-surface);border-radius:12px;margin-top:1.5rem;padding:1.1rem}.network-diagnostic-page .network-tool-scope-note strong{color:var(--nt-green)}.network-diagnostic-page .network-tool-scope-note p{margin-bottom:0;font-size:.93rem}.network-diagnostic-page .network-tool-faq{background:var(--nt-surface);border:1px solid var(--nt-border);border-radius:16px;margin:1.5rem 0 2.5rem;padding:clamp(1.25rem,3vw,2rem)}.network-diagnostic-page .network-tool-faq details{border-top:1px solid var(--nt-border);padding:1rem 0}.network-diagnostic-page .network-tool-faq details:last-child{padding-bottom:0}.network-diagnostic-page .network-tool-faq summary{cursor:pointer;color:var(--nt-text);padding:.25rem 0;font-weight:650;line-height:1.65}.network-diagnostic-page .network-tool-faq details[open] summary{color:var(--nt-blue)}.network-diagnostic-page .network-tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.network-diagnostic-page .network-tool-link-card{border:1px solid var(--nt-border);background:var(--nt-surface);color:var(--nt-muted);border-radius:14px;flex-direction:column;gap:.65rem;min-width:0;padding:1.35rem;font-size:.93rem;line-height:1.7;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.network-diagnostic-page .network-tool-link-card:nth-child(3n+2){border-top:3px solid #7e22ce}.network-diagnostic-page .network-tool-link-card:nth-child(3n+1){border-top:3px solid #2563eb}.network-diagnostic-page .network-tool-link-card:nth-child(3n){border-top:3px solid #059669}.network-diagnostic-page .network-tool-link-card:hover{border-color:var(--nt-blue);box-shadow:0 4px 18px #2563eb15}.network-diagnostic-page .network-tool-link-title{color:var(--nt-blue);justify-content:space-between;align-items:start;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.network-diagnostic-page .network-tool-directory-link{color:var(--nt-blue);text-underline-offset:4px;margin:1.4rem 0 0;padding-block:.5rem;font-weight:650;text-decoration:underline;display:inline-block}.network-diagnostic-page :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--nt-blue);outline-offset:4px}.network-diagnostic-page .network-tool-hero a:focus-visible{outline-color:#fff}.network-diagnostic-page :is(.ip-container,.browser-container){background:var(--nt-surface);color:var(--nt-text);border-color:var(--nt-border);-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:0;padding:clamp(1.2rem,3vw,2rem)}.network-diagnostic-page :is(.ip-info-grid,.browser-info-grid,.feature-support-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.network-diagnostic-page .user-agent-display{background:var(--nt-muted-surface);border-color:var(--nt-border)}.network-diagnostic-page .tabs{flex-wrap:wrap;gap:.5rem}.network-diagnostic-page .tab{white-space:normal;min-height:44px}.network-diagnostic-page .notification{overflow-wrap:anywhere;max-width:calc(100% - 2rem)}@media (width<=800px){.network-diagnostic-page .network-tool-guide-columns{grid-template-columns:minmax(0,1fr)}.network-diagnostic-page .network-tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.network-diagnostic-page .network-tool-steps ol,.network-diagnostic-page .network-tool-link-grid{grid-template-columns:minmax(0,1fr)}.network-diagnostic-page .network-tool-jump-links{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.network-diagnostic-page .network-tool-jump-links a{padding:.65rem .5rem;font-size:.85rem}.network-diagnostic-page .network-tool-hero{padding:1.5rem 1rem 2rem}.network-diagnostic-page .network-tool-breadcrumb{margin-bottom:1.25rem;font-size:.78rem}.network-diagnostic-page .network-tool-tags{gap:.5rem 1rem}.network-diagnostic-page .network-tool-steps li{padding:1.2rem}.network-diagnostic-page .diagnostic-input-panel .diagnostic-actions{flex-direction:column;align-items:stretch}.network-diagnostic-page .diagnostic-input-panel .diagnostic-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.network-diagnostic-page :is(.ip-container,.browser-container){animation:none}.network-diagnostic-page :is(.network-tool-link-card,.network-tool-jump-links a,.refresh-btn,.copy-btn){transition:none}}.network-diagnostic-page .network-tool-body>.utility-input-panel{background:linear-gradient(120deg, var(--nt-surface), var(--nt-blue-wash));color:var(--nt-text);border:1px solid var(--nt-border);-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;border-top:4px solid #2563eb;border-radius:20px;min-width:0;margin-top:0;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 8px 30px #152d5a09}.network-diagnostic-page .utility-input-panel>p{color:var(--nt-muted);line-height:1.8}.network-diagnostic-page .utility-input-panel>h2{line-height:1.4}.network-diagnostic-page .utility-input-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background-color:var(--nt-surface);color:var(--nt-text);border:1px solid var(--nt-border);border-radius:10px;min-width:0;max-width:100%;min-height:46px;font-size:1rem}.network-diagnostic-page .utility-input-panel :is(input,textarea)::placeholder{color:var(--nt-muted);opacity:1}.network-diagnostic-page .utility-input-panel :is(input[type=checkbox],input[type=radio]){accent-color:#047857;flex-shrink:0}.network-diagnostic-page .utility-input-panel :is(.dns-submit,.ip-submit,.headers-submit,.split-submit,.test-btn,.fingerprint-test-btn,.compare-btn){color:#fff;white-space:normal;background:linear-gradient(110deg,#047857,#1d4ed8);border:1px solid #0000;border-radius:10px;justify-content:center;min-height:46px;line-height:1.5}.network-diagnostic-page .utility-input-panel :is(.filters-section,.vpn-selector,.proxy-selector){background:var(--nt-purple-wash);border-color:var(--nt-border);border-radius:14px}.network-diagnostic-page .utility-input-panel :is(.filter-group,.dns-input-field){flex:180px;min-width:0}.network-diagnostic-page .utility-input-panel .selector-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.network-diagnostic-page .utility-input-panel :is(.vpn-option,.proxy-option){background:var(--nt-surface);border-color:var(--nt-border);min-width:0}.network-diagnostic-page .utility-input-panel :is(.vpn-option,.proxy-option).selected{background:var(--nt-green-wash);border-color:var(--nt-green)}.network-diagnostic-page .utility-input-panel :is(.app-search,.custom-app-section,.domain-section,.apps-section,.ip-ranges-section){background-color:var(--nt-surface);border-color:var(--nt-border)}.network-diagnostic-page .network-tool-body :is(.deal-explanation,.alert-signup){background:var(--nt-purple-wash);color:var(--nt-text);border:1px solid var(--nt-border);border-radius:16px;padding:clamp(1.2rem,3vw,2rem);line-height:1.8}.network-diagnostic-page .network-tool-body :is(.table-container,.comparison-table-container){max-width:100%;overflow-x:auto}.network-diagnostic-page .network-tool-body :is(.dns-server-grid,.ip-info-grid,.ipv6-details,.fingerprint-grid,.security-grid,.deals-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.network-diagnostic-page .network-tool-body .tab{flex-shrink:1}.network-diagnostic-page .network-tool-body .deal-explanation a{color:var(--nt-blue);text-underline-offset:3px;text-decoration:underline}.network-diagnostic-page .network-tool-guide a.network-tool-link-card{color:var(--nt-muted);text-decoration:none}.network-diagnostic-page .network-tool-guide .network-tool-directory-link{color:var(--nt-blue)}@media (width<=640px){.network-diagnostic-page .utility-input-panel :is(.dns-input-group,.ip-input-group,.headers-input-group,.url-form){flex-direction:column;align-items:stretch;gap:.8rem;width:100%;display:flex}.network-diagnostic-page .utility-input-panel .dns-input-field{flex-basis:auto}.network-diagnostic-page .utility-input-panel :is(.dns-input,.dns-select,.ip-input,.url-input,.headers-input){width:100%}.network-diagnostic-page .utility-input-panel :is(.filters,.filters-section){flex-direction:column;align-items:stretch}.network-diagnostic-page .utility-input-panel .filter-group{flex-basis:auto;width:100%}}.network-diagnostic-page .utility-input-panel p a,.network-diagnostic-page .network-tool-body .alert-signup a{color:var(--nt-blue);text-underline-offset:3px;text-decoration:underline}.network-diagnostic-page .utility-input-panel .split-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}