:root{color-scheme:dark;font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:#07162e;color:#edf5ff;--muted:#b2c6e0;--line:rgba(184,211,255,.16);--accent:#8dc5ff}*{box-sizing:border-box;min-width:0}body{margin:0;background:radial-gradient(ellipse at 12% 0%,rgba(35,102,191,.25),transparent 50%),radial-gradient(ellipse at 100% 35%,rgba(25,70,133,.25),transparent 50%),#07162e;background-attachment:fixed}a{color:inherit;text-decoration:none}header,main,footer{width:min(1180px,100%);margin-inline:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}header>a{font-size:25px;font-weight:750;letter-spacing:-.045em;white-space:nowrap}header>a span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:flex-end}nav a{color:var(--muted);font-size:14px;padding-block:8px}nav a:hover{color:white}main{padding-top:54px}h1{font-size:clamp(40px,6.6vw,82px);line-height:1.08;letter-spacing:-.055em;font-weight:650;margin:18px 0 24px;text-wrap:balance}main>p{max-width:680px;color:var(--muted);font-size:18px}.eyebrow{font-size:12px;letter-spacing:.09em;color:#95c6ff;margin:0;text-transform:none}section{padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(41,70,111,.5),rgba(15,35,65,.64));box-shadow:0 16px 45px rgba(0,7,24,.2),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);margin:26px 0;overflow-wrap:anywhere}main>section:first-of-type{margin-top:40px;padding:36px;border-color:rgba(166,205,255,.24);background:linear-gradient(120deg,rgba(53,91,144,.5),rgba(18,41,75,.68))}h2{margin:0 0 20px;font-size:24px;font-weight:630;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}h3{font-size:18px;font-weight:600;line-height:1.4;margin:28px 0 12px}p{color:var(--muted);max-width:78ch}p:last-child{margin-bottom:0}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.toolbar h2{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:38px 0}.metrics article{border-left:1px solid var(--line);padding-left:24px}.metrics article:first-child{border-left:0;padding-left:0}small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-bottom:12px}.metrics strong{display:block;font-size:clamp(26px,3.8vw,49px);font-weight:560;line-height:1.15;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}button{cursor:pointer;background:rgba(134,189,255,.12);color:#e3f0ff;border:1px solid rgba(174,211,255,.26);border-radius:13px;padding:12px 18px;font:inherit;font-weight:570;line-height:1.45;min-height:46px;max-width:100%;white-space:normal;text-align:center;vertical-align:middle;margin-bottom:8px;transition:background .18s,border-color .18s}button:hover{background:rgba(141,197,255,.22);border-color:rgba(174,211,255,.55)}#start{background:linear-gradient(180deg,#a6d1ff,#78b3f6);color:#062044;border-color:#afd6ff;padding:15px 26px;box-shadow:0 5px 18px rgba(22,95,187,.24);font-weight:650}button:disabled{opacity:.5;cursor:wait}input,select{font:inherit;padding:12px 14px;border:1px solid rgba(160,191,232,.3);border-radius:12px;background:rgba(4,17,38,.52);color:inherit;max-width:100%;min-height:46px}label{display:block;margin:16px 0;color:var(--muted);font-size:14px}input{display:block;width:100%;margin-top:7px}input:focus,select:focus{border-color:#9bcbff}select{cursor:pointer}option{background:#102949;color:white}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0;align-items:start}.grid section{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,SFMono-Regular,monospace;color:#c4ddfa}pre:not(:empty){padding:16px;background:rgba(3,17,38,.4);border:1px solid var(--line);border-radius:12px}footer{color:#91a9c8;font-size:13px;border-top:1px solid var(--line);margin-top:24px}#status{font-size:13px;max-width:70ch;margin-top:12px}output{color:#b3d7ff;display:block}#info{overflow-wrap:anywhere;font-size:14px;color:#bfd0e7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a5d1ff;outline-offset:4px}dl{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px 18px;font-size:14px;margin-top:24px}dt{color:#9db4d1}dd{margin:0;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:14px}td,th{padding:16px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top}th{font-weight:600;color:#d9e8fa}td{color:var(--muted)}td:first-child,th:first-child{padding-left:0;width:58%}#generated{overflow-wrap:anywhere;margin-top:15px;font-family:ui-monospace,monospace}#history{white-space:pre-line;font-size:14px;color:#b6cce6;margin-bottom:20px}#security{font-size:14px}#diagresult{margin-top:14px}@supports not (backdrop-filter:blur(1px)){section{background:#132c4e}}@media(max-width:850px){.metrics{gap:14px}.metrics article{padding-left:14px}.grid{gap:18px}section{padding:24px}header,main,footer{padding-inline:24px}}@media(max-width:650px){header{align-items:flex-start;gap:16px;flex-direction:column;padding-block:20px}nav{justify-content:flex-start;gap:4px 20px}main{padding-top:32px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding:28px 0}.metrics article{padding-left:0;border-left:0}.metrics strong{font-size:clamp(28px,8vw,42px)}.grid{grid-template-columns:1fr}main,header,footer{padding-inline:20px}section{padding:22px;border-radius:20px}main>section:first-of-type{padding:24px}h2{font-size:22px}main>p{font-size:16px}h1{font-size:clamp(38px,10vw,60px)}dl{gap:10px 14px}#rdap,#ports{display:block;width:100%}td,th{padding:12px 6px}}@media(max-width:360px){main,header,footer{padding-inline:14px}section,main>section:first-of-type{padding:18px}.toolbar{align-items:flex-start}select{width:100%}h1{font-size:37px}nav{gap:4px 15px}.metrics strong{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Speedtest-inspired task-first composition */
body{background:radial-gradient(ellipse at 50% 20%,#12243e 0%,#091426 55%,#07101f 100%)}header{max-width:1260px;border-bottom:1px solid #ffffff13;padding-block:24px}header>a{letter-spacing:-.04em}main{padding-top:30px;max-width:1180px}.test-heading{text-align:center;margin:0 auto 18px}.test-heading .eyebrow{font-size:10px;letter-spacing:.14em;color:#7e95b7}.test-heading h1{font-size:clamp(24px,3vw,36px);font-weight:520;margin:10px 0;letter-spacing:-.025em}.test-heading>p:last-child{margin:0 auto;color:#899db9;font-size:14px}.speed-stage,main>section:first-of-type{margin:22px auto 56px;max-width:980px;padding:24px 40px 0;background:linear-gradient(135deg,#13243b88,#0c182b88);box-shadow:0 24px 80px #00000015;border:1px solid #ffffff0e;border-radius:24px;backdrop-filter:blur(18px)}.speed-stage .toolbar h2{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:#9aabc2;font-weight:500}.speed-stage select{padding:6px 10px;min-height:34px;font-size:12px;border-color:#ffffff1f;background:#081222}.metrics{max-width:780px;margin:auto;gap:20px;padding:25px 0 10px;text-align:center}.metrics article,.metrics article:first-child{border:0;padding:0}.metrics small{font-size:13px;margin-bottom:8px;color:#becde0}.metrics strong{font-size:clamp(28px,4vw,46px);font-weight:400}.metric-icon{font-size:19px;color:#53d5db;margin-right:6px}.metric-icon.upload{color:#bc94f9}.metric-icon.ping{color:#e4be72}.dial-wrap{width:310px;height:285px;max-width:100%;margin:10px auto 0;position:relative;display:grid;place-items:center}.dial-wrap::before{content:"";position:absolute;inset:8px 15px 0;border:2px solid #283b55;border-bottom-color:transparent;border-radius:50%;background:repeating-conic-gradient(from 220deg,#42627a 0deg 1deg,transparent 1deg 9deg);mask:radial-gradient(transparent 65%,#000 66%,#000 68%,transparent 69%);pointer-events:none}.dial-scale{position:absolute;inset:0;pointer-events:none;font-size:10px;color:#66809f}.dial-scale span{position:absolute}.dial-scale span:nth-child(1){left:15px;bottom:42px}.dial-scale span:nth-child(2){left:26px;top:37px}.dial-scale span:nth-child(3){right:26px;top:37px}.dial-scale span:nth-child(4){right:6px;bottom:42px}#start{display:flex;flex-direction:column;justify-content:center;align-items:center;width:204px;height:204px;min-height:204px;max-width:204px;margin:0;border-radius:50%;border:3px solid #4dd2dc;background:radial-gradient(circle,#172c43 0%,#0c1b30 75%);color:#f0faff;box-shadow:0 0 0 10px #2f9caf09,0 0 45px #26c7d01b,inset 0 0 30px #2fa9bd0d;padding:20px;transition:box-shadow .2s,border-color .2s,transform .2s}#start:hover{border-color:#8deef2;box-shadow:0 0 0 11px #2f9caf0e,0 0 60px #26c7d02c;transform:scale(1.025)}.go-label{font-size:28px;line-height:1.1;font-weight:450;letter-spacing:.03em}.go-caption{font-size:8px;letter-spacing:.14em;margin-top:13px;color:#82b1c9}#start:disabled{opacity:1;border-color:#8295f0;animation:test-pulse 1.4s ease-in-out infinite;transform:none}.speed-stage:has(#start:disabled) .go-label{font-size:0}.speed-stage:has(#start:disabled) .go-label::after{content:"ИЗМЕРЯЕМ";font-size:20px}.speed-stage #status{text-align:center;min-height:48px;font-size:13px;max-width:650px;margin:0 auto 20px;color:#a6b9d2}.route-note{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff10;padding:20px 0;text-align:left}.route-symbol{font-size:32px;color:#788ca9}.route-note div{display:flex;flex-direction:column;gap:2px;flex:1}.route-note strong{font-size:13px;font-weight:500}.route-note span:not(.route-symbol){font-size:11px;color:#7f94b0}.route-note p{max-width:240px;font-size:11px;margin:0;color:#7f94b0}.grid{gap:18px}.grid section{border-radius:18px;background:#12253d70}main>section:not(.speed-stage){border-radius:18px;background:#12253d70}button:focus-visible,a:focus-visible{outline:3px solid #65d5ec;outline-offset:5px}@keyframes test-pulse{50%{box-shadow:0 0 0 13px #7689d817,0 0 60px #6888d32c}}
@media(max-width:650px){header{padding:18px 20px;gap:15px}header>a{font-size:22px}nav{gap:8px 14px}nav a{font-size:12px}main{padding:24px 16px}.test-heading h1{font-size:25px}.speed-stage,main>section:first-of-type{padding:20px 16px 0;margin-bottom:28px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 0 5px}.metrics strong{font-size:32px}.metrics small{margin-bottom:4px}.dial-wrap{height:260px;width:285px}.route-note{flex-wrap:wrap}.route-note p{max-width:none;flex-basis:100%;padding-left:0}.speed-stage #status{font-size:12px}.grid{grid-template-columns:1fr}section{padding:22px}.toolbar{gap:10px}.speed-stage .toolbar h2{font-size:11px}}@media(prefers-reduced-motion:reduce){#start:disabled{animation:none}#start{transition:none}}
/* Измерение: расположение и шкала по предоставленным снимкам */
.speed-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;align-items:center;padding:24px 0}.speed-results{min-width:0}.dial-wrap{width:240px;height:240px;margin:0}.dial-wrap::before{inset:0;border:2px solid #00bdcb;mask:none;background:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;text-align:center;gap:26px}.metrics small{font-size:clamp(15px,1.7vw,22px);white-space:nowrap}.metrics small span:not(.metric-icon){color:#91a0b5}.metrics strong{font-size:clamp(50px,6vw,78px);font-weight:250;line-height:1.05}.latency{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 40px;margin:24px 0;color:#b7c5d7}.latency strong{font-weight:400;color:#edf5ff}.live-gauge[hidden]{display:none}.live-gauge{display:grid;place-items:center;margin:30px auto 0}.gauge-arc{width:min(410px,85vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 225deg,#05b8ec 0deg,#63f1ca 150deg,#26344c 150deg 270deg,transparent 270deg);position:relative;display:grid;place-items:center}.gauge-arc:before{content:"";position:absolute;inset:30px;border-radius:50%;background:#0d192b}.gauge-needle{position:absolute;width:10px;height:36%;left:50%;bottom:50%;transform-origin:50% 100%;transform:translateX(-50%) rotate(-130deg);background:linear-gradient(#bfc9d3,#3c4959);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);transition:transform .25s ease}.gauge-reading{position:absolute;bottom:17%;display:grid;text-align:center;line-height:1.2}.gauge-reading strong{font-size:55px;font-weight:300}.gauge-reading span{color:#8ba2bb}.uploading .gauge-arc{background:conic-gradient(from 225deg,#8053e7 0deg,#d184fc 150deg,#26344c 150deg 270deg,transparent 270deg)}.speed-stage #status{margin-top:4px}#start:disabled .go-label{font-size:0}.speed-stage:has(#start:disabled) .go-label:after{content:'ИЗМЕРЯЕМ';font-size:18px}@media(max-width:700px){.speed-layout{grid-template-columns:1fr;gap:20px}.dial-wrap{margin:auto;width:210px;height:210px}.metrics{gap:10px}.metrics small{font-size:14px}.metrics strong{font-size:44px}.latency{gap:12px 24px}.gauge-arc{width:min(320px,80vw)}}
/* Самостоятельные разделы инструментов */
[hidden]{display:none!important}.tools-nav{display:flex;justify-content:flex-start;gap:7px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:18px;background:#13243bbd;margin:0 0 24px}.tools-nav a{padding:9px 14px;border-radius:11px;color:#b8cce5;font-size:14px;line-height:1.3}.tools-nav a:hover,.tools-nav a[aria-current=page]{background:#244d76;color:#fff}.tools-grid{grid-template-columns:minmax(0,1fr)}.tools-grid[hidden]{display:none}.tools-grid>section{max-width:980px;width:100%;margin:0 auto}.speed-stage{margin-top:22px}@media(max-width:650px){.tools-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.tools-nav a{flex:0 0 auto;white-space:nowrap}.tools-grid>section{width:100%}}
.password-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.password-options{border:1px solid var(--line);border-radius:16px;padding:16px 22px;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.password-options legend{padding:0 8px}.password-options label,.password-check{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}.password-options input,.password-check input{width:18px;height:18px;min-height:18px;margin:0;accent-color:#7dbaff}.password-options small,.password-check small{flex-basis:100%;margin:0 0 6px 28px;overflow-wrap:anywhere;font-size:12px}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}#generated{min-height:80px;max-height:440px;overflow:auto;user-select:all}#scan-progress{width:100%;height:12px;accent-color:#70b9ff}#scan-results,#vpn-result{overflow-wrap:anywhere}@media(max-width:600px){.password-options,.password-dimensions{grid-template-columns:minmax(0,1fr)}}
#scan-results,#vpn-result{white-space:pre-wrap;overflow-wrap:anywhere}
.password-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.password-settings,.password-output{min-width:0}.password-output{padding:20px;border:1px solid var(--line);border-radius:16px;background:#0a1a30a8}.password-output .tool-actions{margin-top:0}#generated{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.password-layout{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Идентичность IPТест24 */
header > a.site-logo{display:inline-flex;align-items:center;gap:10px;line-height:1;flex-shrink:0}
.site-logo-icon{display:block;width:38px;height:38px;flex:none}
header > a.site-logo .site-logo-name{color:#edf5ff}
header > a.site-logo .site-logo-name span{color:var(--accent)}
@media(max-width:480px){.site-logo-icon{width:34px;height:34px}}

.vpn-detected{color:#ff808a;font-weight:650}.vpn-clear{color:#70e4ae;font-weight:650}.vpn-unknown{color:#ffd58b;font-weight:650}
.vpn-panel{max-width:100%;padding:32px}.vpn-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.vpn-heading h2{font-size:clamp(26px,4vw,36px);margin:0 0 8px}.vpn-heading p{margin:0;color:var(--muted)}.vpn-badge{font-size:12px;color:#a9c8ee;border:1px solid var(--line);border-radius:20px;padding:5px 12px;white-space:nowrap}.vpn-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.vpn-actions .vpn-secondary{background:#1c3455;border:1px solid #7697bd55;color:#ecf5ff}.vpn-privacy,.vpn-footnote{font-size:13px;line-height:1.5;color:#aac0dd}.vpn-status{margin:20px 0 16px;color:#dceaff}.vpn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;white-space:normal!important}.vpn-card{margin:0;padding:18px;border:1px solid #b0d2ff24;border-radius:18px;background:#0b1c35a6}.vpn-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.vpn-card h3{font-size:16px;line-height:1.3;margin:0;color:#eff6ff}.vpn-card p{font-size:14px;line-height:1.55;margin:12px 0 0;color:#b7c9df;overflow-wrap:anywhere}.vpn-tag{font-size:12px;font-weight:650;line-height:1.3;color:#b7c9df;border-radius:99px;padding:4px 9px;background:#ffffff10}.vpn-tag.vpn-detected,.vpn-tag.vpn-warning{color:#ff9a9f;background:#d33b4d20}.vpn-tag.vpn-clear{color:#85e9b7;background:#31ac7122}.vpn-tag.vpn-unknown{color:#e7c98a;background:#ad8b3622}@media(max-width:620px){.vpn-panel{padding:20px}.vpn-heading{display:block}.vpn-badge{display:none}.vpn-grid{grid-template-columns:1fr}.vpn-actions button{width:100%}}