@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-color: #030308;--primary: #00f3ff;--secondary: #7000ff;--accent: #ff0055;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--text-main: #ffffff;--text-muted: #94a3b8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(112,0,255,.08) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(0,243,255,.08) 0%,transparent 40%);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background-color:var(--bg-color)}.app-header{width:100%;padding:var(--spacing-sm) var(--spacing-md);z-index:20;position:relative}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);max-width:1400px;margin:0 auto}.logo-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit;transition:opacity .3s ease}.logo-link:hover{opacity:.8}.logo-icon{padding:var(--spacing-xs);background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;color:var(--primary);display:flex;align-items:center;justify-content:center}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:.2em;font-family:Space Grotesk,monospace;font-feature-settings:"tnum" on,"lnum" on}.logo-accent{color:var(--primary)}.header-nav{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:600;color:var(--text-main);text-decoration:none;border-radius:8px;transition:all .3s ease;letter-spacing:.05em;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.1),transparent);transition:left .5s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--primary);background:#00f3ff0d}.nav-link.active{color:var(--primary);background:#00f3ff1a}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;z-index:10;padding:var(--spacing-md) var(--spacing-md);gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.speedometer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--spacing-sm) 0}.button-section{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-sm) 0;min-height:60px}.btn-content{display:flex;align-items:center;gap:var(--spacing-sm)}.results-section{width:100%;padding:var(--spacing-sm) 0}.results-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);width:100%;max-width:1000px;margin:0 auto;align-items:stretch}.results-grid>*{display:flex;align-items:center;justify-content:center}@media(min-width:640px){.results-grid{grid-template-columns:repeat(3,1fr)}}.info-panel-section{width:100%;max-width:1200px;margin:var(--spacing-xl) auto 0;padding:var(--spacing-lg) var(--spacing-md);z-index:20;position:relative}.info-panel-section .info-panel{background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:var(--spacing-md);box-shadow:0 4px 24px -1px #0003,inset 0 1px 0 0 var(--glass-highlight)}.app-footer{width:100%;padding:var(--spacing-md) var(--spacing-md);display:flex;justify-content:center;margin-top:auto;z-index:20;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.font-mono-numbers{font-family:Space Grotesk,monospace;font-feature-settings:"tnum" on,"lnum" on}.glass-panel{background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 4px 24px -1px #0003,inset 0 1px 0 0 var(--glass-highlight);border-radius:24px;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s;pointer-events:none}.glass-panel:hover:before{left:100%;transition:.7s ease-in-out}.btn-primary{position:relative;background:transparent;width:240px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#fff;border:1px solid rgba(0,243,255,.3);border-radius:100px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 0 30px -10px #00f3ff4d;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:-1;opacity:.8;transition:opacity .3s ease}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));z-index:-1;opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #00f3ff99;border-color:#00f3ffcc}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(1px)}@media(max-width:640px){.btn-primary{width:220px;height:56px;font-size:1rem}}.grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.ambient-light{position:fixed;pointer-events:none;border-radius:50%;filter:blur(150px);opacity:.15;z-index:0}.ambient-light-top{top:-20%;left:-10%;width:50%;height:50%;background:var(--secondary)}.ambient-light-bottom{bottom:-20%;right:-10%;width:50%;height:50%;background:var(--primary)}@media(max-width:768px){.app-header{padding:var(--spacing-xs) var(--spacing-sm)}.header-content{flex-wrap:wrap;gap:var(--spacing-sm)}.header-nav{width:100%;justify-content:center;order:3}.nav-link{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.app-main{padding:var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-md)}.speedometer-section{padding:var(--spacing-xs) 0}.app-footer{padding:var(--spacing-sm) var(--spacing-sm)}.logo-text{font-size:.9rem}}@media(max-width:640px){.app-main{gap:var(--spacing-md)}.results-grid{gap:var(--spacing-xs)}}.speed-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);width:100%;gap:var(--spacing-lg)}.speedometer-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.speedometer-container{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.speedometer-svg{overflow:visible;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.speed-digits{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.speed-value{font-family:Space Grotesk,monospace;font-feature-settings:"tnum" on,"lnum" on;font-size:8rem;font-weight:700;line-height:1;letter-spacing:-.02em;text-align:center;will-change:contents;backface-visibility:hidden;transform:translateZ(0)}.speed-value-placeholder{font-family:Space Grotesk,monospace;font-feature-settings:"tnum" on,"lnum" on;font-size:8rem;font-weight:700;line-height:1;letter-spacing:-.02em;text-align:center;opacity:.3}.speed-unit{font-size:1.25rem;font-weight:500;color:var(--text-muted);margin-top:var(--spacing-sm);letter-spacing:.1em;text-transform:uppercase}.speed-label{font-size:.875rem;font-weight:700;margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-radius:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.15em;text-transform:uppercase}@media(max-width:640px){.speedometer-wrapper{margin-bottom:var(--spacing-sm)}.speedometer-container,.speedometer-svg{width:240px!important;height:160px!important}.speed-value{font-size:5rem}.speed-unit{font-size:1rem}}.info-panel{width:100%;max-width:1200px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;overflow-x:auto}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid rgba(255,255,255,.05);min-width:140px;flex:1}.info-item:last-child{border-right:none}.info-item-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--primary)}.info-item-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.info-item-value{font-size:.875rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}@media(max-width:768px){.info-panel{flex-direction:column;align-items:stretch}.info-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);min-width:100%}.info-item:last-child{border-bottom:none}.info-item-value{max-width:100%}}@media(min-width:769px)and (max-width:1024px){.info-item{min-width:140px;padding:var(--spacing-sm)}}.test-info-panel{margin-top:var(--spacing-md);padding:var(--spacing-md);max-width:1000px;width:100%;margin-left:auto;margin-right:auto}.test-quality{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.test-quality-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.test-quality-rating{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.test-quality-desc{font-size:.875rem;color:var(--text-muted)}.test-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.test-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-muted)}.test-meta-item svg{opacity:.6}@media(max-width:640px){.test-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.test-quality{flex-direction:column;align-items:flex-start}}.result-card{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;position:relative;overflow:hidden;text-align:center}.result-card-icon{position:absolute;top:0;right:0;padding:var(--spacing-md);opacity:.5;transition:opacity .3s ease}.result-card:hover .result-card-icon{opacity:1}.result-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.result-card-label{font-size:.75rem;font-weight:700;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm);display:block;text-align:center}.result-card-value-wrapper{display:flex;align-items:baseline;gap:var(--spacing-sm);justify-content:center;width:100%}.result-card-value{font-size:2.25rem;font-weight:700;color:#fff;font-family:Space Grotesk,monospace;font-feature-settings:"tnum" on,"lnum" on;letter-spacing:-.02em;text-align:center}.result-card-unit{font-size:.875rem;font-weight:500;color:var(--text-muted);text-align:center}.result-card-gradient-line{position:absolute;bottom:0;left:0;height:2px;width:100%;opacity:.5}@media(max-width:640px){.result-card-value{font-size:1.75rem}.result-card-label{font-size:.625rem}}.floating-vpn-button{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);z-index:1000;text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:center}.vpn-button-content{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#00f3ff26,#7000ff26);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,243,255,.3);border-radius:50px;box-shadow:0 8px 32px #00f3ff33,0 0 20px #00f3ff1a,inset 0 1px #ffffff1a;color:var(--primary);font-weight:600;font-size:.875rem;letter-spacing:.05em;transition:all .3s ease;overflow:hidden}.vpn-button-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.floating-vpn-button:hover .vpn-button-content:before{left:100%}.floating-vpn-button:hover .vpn-button-content{background:linear-gradient(135deg,#00f3ff40,#7000ff40);border-color:#00f3ff80;box-shadow:0 12px 40px #00f3ff4d,0 0 30px #00f3ff33,inset 0 1px #fff3;transform:translate(-5px)}.vpn-button-text{white-space:nowrap}.vpn-button-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50px;background:#00f3ff4d;animation:vpn-pulse 2s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes vpn-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.4}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@media(max-width:768px){.floating-vpn-button{right:var(--spacing-sm);bottom:var(--spacing-sm)}.vpn-button-content{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem}.vpn-button-text{display:none}.vpn-button-content{padding:var(--spacing-md);border-radius:50%;width:56px;height:56px;justify-content:center}}@media(max-width:640px){.floating-vpn-button{right:var(--spacing-xs);bottom:var(--spacing-xs)}}.seo-text-section{width:100%;max-width:1000px;margin:var(--spacing-2xl) auto 0;padding:var(--spacing-xl) var(--spacing-md)}.seo-text-container{background:linear-gradient(180deg,#ffffff08,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:var(--spacing-2xl);position:relative;overflow:hidden}.seo-text-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:.5s;pointer-events:none}.seo-text-container:hover:before{left:100%;transition:.7s ease-in-out}.seo-text-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,monospace;letter-spacing:-.02em}.seo-text-content{color:var(--text-main);line-height:1.8;font-size:1rem}.seo-text-content h3{font-size:1.5rem;font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--primary);font-family:Space Grotesk,monospace}.seo-text-content p{margin-bottom:var(--spacing-md);color:var(--text-main)}.seo-text-content p strong{color:var(--primary);font-weight:600}.seo-text-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);list-style:none;position:relative}.seo-text-content ul li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative;color:var(--text-main)}.seo-text-content ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.seo-text-content ul li strong{color:var(--primary);font-weight:600}@media(max-width:768px){.seo-text-section{padding:var(--spacing-lg) var(--spacing-sm);margin-top:var(--spacing-xl)}.seo-text-container{padding:var(--spacing-lg)}.seo-text-title{font-size:1.5rem}.seo-text-content h3{font-size:1.25rem}.seo-text-content{font-size:.9rem}}@media(max-width:640px){.seo-text-container{padding:var(--spacing-md)}.seo-text-title{font-size:1.25rem}.seo-text-content h3{font-size:1.1rem;margin-top:var(--spacing-lg)}.seo-text-content ul{padding-left:var(--spacing-md)}}.share-results-container{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;position:relative;overflow:hidden}.share-results-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:.5s;pointer-events:none}.share-results-container:hover:before{left:100%;transition:.7s ease-in-out}.share-results-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--primary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.share-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-main);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.share-btn:hover{background:#ffffff1a;border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00f3ff33}.share-btn-primary{background:linear-gradient(135deg,#00f3ff33,#7000ff33);border-color:#00f3ff4d;color:var(--primary)}.share-btn-primary:hover{background:linear-gradient(135deg,#00f3ff4d,#7000ff4d);border-color:#00f3ff80}.share-btn-vk{border-color:#4c75a34d}.share-btn-vk:hover{border-color:#4c75a3;color:#4c75a3}.share-btn-telegram{border-color:#2596be4d}.share-btn-telegram:hover{border-color:#2596be;color:#2596be}.share-btn-twitter{border-color:#1da1f24d}.share-btn-twitter:hover{border-color:#1da1f2;color:#1da1f2}@media(max-width:640px){.share-results-container{padding:var(--spacing-md);background:linear-gradient(180deg,#ffffff08,#ffffff01);border-color:#ffffff0d}.share-results-header{color:var(--text-muted);font-size:.75rem;margin-bottom:var(--spacing-sm)}.share-buttons{flex-direction:column;gap:var(--spacing-xs)}.share-btn{width:100%;justify-content:center;background:#ffffff08;border-color:#ffffff14;color:var(--text-muted);font-size:.8125rem;padding:var(--spacing-sm)}.share-btn-primary{background:#ffffff0d;border-color:#00f3ff26;color:var(--text-main)}.share-btn-vk{border-color:#4c75a333}.share-btn-vk:hover{border-color:#4c75a366;color:#4c75a3cc}.share-btn-telegram{border-color:#2596be33}.share-btn-telegram:hover{border-color:#2596be66;color:#2596becc}.share-btn-twitter{border-color:#1da1f233}.share-btn-twitter:hover{border-color:#1da1f266;color:#1da1f2cc}.share-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:var(--text-main);transform:none;box-shadow:none}}.my-ip-page{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.my-ip-container{width:100%;max-width:1200px;margin:0 auto}.my-ip-header{text-align:center;margin-bottom:var(--spacing-2xl)}.my-ip-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,monospace;letter-spacing:-.02em}.my-ip-subtitle{font-size:1.125rem;color:var(--text-muted);font-weight:400}.ip-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);width:100%}.ip-info-card{padding:var(--spacing-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;position:relative;overflow:hidden;transition:all .3s ease}.ip-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s;pointer-events:none}.ip-info-card:hover:before{left:100%;transition:.7s ease-in-out}.ip-info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);position:relative}.ip-info-icon{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:8px;background:#00f3ff1a}.ip-info-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);flex:1}.ip-info-copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.6}.ip-info-copy-btn:hover{background:#ffffff0d;color:var(--primary);opacity:1}.ip-info-value{font-size:1.5rem;font-weight:700;font-family:Space Grotesk,monospace;font-feature-settings:"tnum" on,"lnum" on;word-break:break-word;line-height:1.4}@media(max-width:768px){.my-ip-page{padding:var(--spacing-lg) var(--spacing-sm)}.my-ip-title{font-size:2rem}.my-ip-subtitle{font-size:1rem}.ip-info-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.ip-info-card{padding:var(--spacing-md)}.ip-info-value{font-size:1.25rem}}