.speed-test-page{min-height:unset;padding:1rem 0 0}.speed-test-container{max-width:100%;margin:0;padding:0;background:#0000;border-radius:0;box-shadow:none;border:none}@media (min-width:1024px){.speed-test-container{max-width:100%}}.speed-test-container .intro{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;line-height:1.6}.analysis-panel{background:var(--color-bg-elevated);border:1px solid #ffffff14;border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:1.25rem}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.analysis-item{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary)}.analysis-item>div{display:flex;flex-direction:column;gap:.125rem;min-width:0}.analysis-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-weight:500}.analysis-value{font-size:.9375rem;color:var(--color-text-primary);font-weight:600;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.analysis-grid{grid-template-columns:repeat(2,1fr);gap:.5rem .75rem}.analysis-panel{padding:.75rem 1rem;margin-bottom:.75rem}.analysis-item{gap:.5rem}.analysis-value{font-size:.8125rem}.analysis-label{font-size:.625rem}}.test-start-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0}.test-start-section--prepared{justify-content:space-between}.prepared-top{display:flex;flex-direction:column;align-items:center;gap:.75rem}.prepared-hint{font-size:.9375rem;color:var(--color-text-muted);text-align:center;max-width:640px;line-height:1.6;margin:0}.live-results--placeholders{opacity:.9}.test-results-section,.test-running-section,.test-start-section{min-height:380px}.start-test-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:var(--gradient-hero);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.125rem;font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-lg)}.start-test-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4299e166}.start-test-btn:active{transform:translateY(0)}.test-note{font-size:.875rem;color:var(--color-text-muted);text-align:center;max-width:500px;font-style:italic}.test-running-section{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0}.progress-circle{position:relative;width:170px;height:170px}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff14;stroke-width:3}.progress-ring-fill{fill:none;stroke:url(#progressGradient);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{font-size:2rem;font-weight:700;color:var(--color-primary)}.test-phase-label{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;font-weight:500}.test-results-section{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 0;justify-content:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.5rem}@media (min-width:768px){.results-grid{grid-template-columns:repeat(4,1fr)}}.result-card{background:var(--color-bg-elevated);border:1px solid #ffffff14;border-radius:var(--radius-md);padding:1.25rem;flex-direction:column;gap:.5rem;text-align:center}.result-card,.result-icon{display:flex;align-items:center}.result-icon{justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0a;color:var(--color-text-muted)}.result-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1;display:flex;align-items:baseline;gap:.25rem}.result-unit{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.verdict-section{background:#4299e10d;border-radius:var(--radius-md);border-left:4px solid var(--color-primary);padding:1rem 1.25rem;margin:.5rem 0}.verdict-section p{margin:0;font-size:1.0625rem;line-height:1.6}.retest-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#ffffff0f;color:var(--color-text-primary);border:1px solid #ffffff1f;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);align-self:center}.retest-btn:hover{background:#ffffff1a;border-color:#fff3}.retest-btn:active{transform:translateY(1px)}.test-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.export-buttons{display:flex;gap:.5rem}.export-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#ffffff0a;color:var(--color-text-secondary);border:1px solid #ffffff14;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.export-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--color-text-primary)}.export-btn:active{transform:translateY(1px)}.vpn-recommendation{background:var(--color-bg-elevated);border:1px solid #ffffff14;border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-top:1rem}.vpn-recommendation h3{font-size:1.375rem;color:var(--color-text-primary);margin-bottom:.75rem;margin-top:0}.vpn-recommendation p{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.live-results{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem}.live-result-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid #ffffff14;border-radius:var(--radius-md);padding:.5rem .875rem}.live-result-item strong{color:var(--color-text-primary)}.server-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-muted);margin-top:.75rem}.server-label--complete{align-self:center;margin-top:0;margin-bottom:.25rem}@media (max-width:768px){.speed-test-container{padding:0;margin:0}.results-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.25rem}.result-card{padding:.75rem;gap:.25rem}.result-value{font-size:1.35rem}.result-icon{width:28px;height:28px}.result-label{font-size:.75rem}.progress-circle{width:150px;height:150px}.test-results-section,.test-running-section,.test-start-section{min-height:0;gap:.75rem;padding:.75rem 0}.progress-percent{font-size:2rem}.vpn-recommendation{padding:1.5rem}.live-results{gap:.5rem}.live-result-item{font-size:.8125rem;padding:.375rem .625rem}.export-buttons{flex-direction:column;width:100%;align-items:center}}