.speedtest-page{background:#0b111b;color:#edf4ff;color-scheme:dark;font-family:Segoe UI,Arial,sans-serif}
.speedtest-page .shell{width:min(1240px,calc(100% - 48px));padding:24px 0}
.speedtest-page .topbar{margin-bottom:36px}.speedtest-page .top-actions{gap:20px}.subtle-link{color:#9eafc7;text-decoration:none;font-size:13px}
.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#65d8f6;margin-bottom:12px}.intro h1{font-size:clamp(24px,3vw,36px);letter-spacing:-1px;font-weight:650;margin-bottom:10px}.intro p:not(.eyebrow){color:#93a4bb;font-size:15px}.secure-label{font-size:12px;color:#79bda4;white-space:nowrap}
.speedtest-page .layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.speedtest-page .meter-card,.speedtest-page .side-card{background:#111b29;border:1px solid #233247;border-radius:20px;box-shadow:none;padding:24px}
.speedtest-page .server-line{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.speedtest-page .server-line>div{background:none;border:0;padding:0;min-width:0}.server-line small{color:#8da1bc;font-size:11px;text-transform:uppercase;letter-spacing:1px}.speedtest-page .server-line strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin-top:8px}
.speedtest-page .gauge{width:260px;height:260px;margin:24px auto 16px}.speedtest-page .ring-bg{stroke:#233247;stroke-width:7}.speedtest-page .ring{stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 7px #39d6ff55)}.speedtest-page .speed{gap:3px}.speedtest-page .speed>span{font-size:64px;line-height:1.15;font-weight:650;letter-spacing:-3px;font-variant-numeric:tabular-nums}.speedtest-page .speed small{font-size:12px;color:#98abc4}.speedtest-page #phaseLabel{font-size:10px;letter-spacing:1.4px;margin-bottom:12px}
.speedtest-page .start-btn{width:220px;min-height:52px;margin:0 auto 22px;border-radius:12px;background:#48d7f4;color:#062334;box-shadow:0 8px 28px #28c5e51a;font-size:16px;font-weight:700}.speedtest-page .start-btn.is-running{background:#29364a;color:#fff;border:1px solid #60718c}
.speedtest-page .steps{gap:8px;margin:0 0 24px}.speedtest-page .step{font-size:11px;min-height:36px;border-radius:8px;background:#0c1522;color:#7f95b2}.speedtest-page .step.active{color:#7be6ff;background:#153344;border-color:#286578}
.test-controls{display:grid;gap:16px;border-top:1px solid #233247;padding-top:20px;text-align:left}.server-picker{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#9eafc7}.server-picker select{max-width:65%;padding:10px 12px;border-radius:8px;border:1px solid #34465e;background:#152235;color:#e4efff}.mode-switch{display:flex;align-items:center;gap:12px;font-size:13px;cursor:pointer}.mode-switch input{width:17px;height:17px;accent-color:#48d7f4}.mode-switch small{display:block;color:#8da1bc;font-size:11px;margin-top:4px}.traffic-note{font-size:11px!important;line-height:1.6;margin-top:14px!important;text-align:left}
.speedtest-page .side-card{gap:20px}.section-caption{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-caption h2{font-size:16px;margin:0;font-weight:600}.section-caption>span{font-size:11px;color:#849bb9}.speedtest-page .metrics{gap:12px}.speedtest-page .metrics article{background:#172436;border:1px solid #263950;border-radius:12px;min-height:114px;padding:17px}.speedtest-page .metrics small{font-size:12px;color:#a9bdd6}.speedtest-page .metrics strong{display:flex;gap:8px;align-items:baseline;margin-top:16px}.speedtest-page .metrics span{font-size:35px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}.metrics em{font-style:normal;font-size:11px;color:#8ca3c2}.download-metric strong{color:#69dfff}.upload-metric strong{color:#a2a7ff}.loaded-metric{display:flex;justify-content:space-between;gap:12px;color:#a9bdd6;font-size:12px;padding:0 3px}.loaded-metric strong{color:#e3edff;font-weight:500}
.chart-card{padding:18px 0 0;border-top:1px solid #233247}.chart-card h2{font-size:13px}.chart-card svg{display:block;width:100%;height:110px;margin:12px 0 6px;overflow:hidden}.chart-grid{stroke:#26364b;stroke-width:1;fill:none}#speedLine{stroke:#60dcf5;stroke-width:2.5;stroke-linejoin:round;fill:none}.chart-card p{font-size:10px}.method-card{border-top:1px solid #233247;padding-top:16px;font-size:12px}.method-card summary,.account-disclosure summary{cursor:pointer;color:#aec1dc}.method-card p{font-size:12px;margin-top:12px}
.account-disclosure{margin-top:24px;border:1px solid #233247;border-radius:12px;padding:16px 20px;background:#101925;font-size:13px}.speedtest-page .auth-panel{margin:18px 0 0;padding:0;border:0;background:none;grid-template-columns:1fr}.speedtest-page .auth-form{flex-wrap:wrap}.speedtest-page .auth-form input{flex:1;min-width:130px}.speedtest-page .auth-form button{min-height:38px}.speedtest-page .auth-panel>a{justify-self:start}
.speedtest-page .history-panel{margin-top:20px;background:#111b29;border:1px solid #233247;border-radius:16px;padding:22px}.history-panel .history-list{margin-top:18px}.history-table{border:0!important;background:transparent!important}.history-row{padding:12px 0!important;border-color:#233247!important;font-size:12px}.privacy-actions{display:flex;align-items:center;gap:16px;margin-top:20px;border-top:1px solid #233247;padding-top:16px;flex-wrap:wrap}.privacy-actions a,.privacy-actions button{font-size:11px;color:#8ea6c5}.privacy-actions button{border:0;background:none;cursor:pointer;padding:4px 0}.privacy-actions a{margin-right:auto}.speedtest-page footer{display:flex;justify-content:space-between;gap:20px;padding:26px 2px 4px;color:#637d9f;font-size:10px;letter-spacing:1px}.speedtest-page footer span{letter-spacing:0;text-align:right}
.speedtest-page button:focus-visible,.speedtest-page a:focus-visible,.speedtest-page select:focus-visible,.speedtest-page summary:focus-visible{outline:2px solid #69dfff;outline-offset:4px}
@media(max-width:900px){.speedtest-page .layout{grid-template-columns:1fr}.secure-label{display:none}.speedtest-page .side-card{gap:18px}.intro{margin-bottom:22px}.speedtest-page .topbar{flex-direction:row;align-items:center}.subtle-link{display:none}}
@media(max-width:540px){.speedtest-page .shell{width:calc(100% - 24px);padding:18px 0}.speedtest-page .brand-logo{width:190px}.speedtest-page .pill{font-size:10px;min-height:30px;padding:0 10px}.speedtest-page .topbar{gap:8px;margin-bottom:28px}.speedtest-page .top-actions{min-width:0}.speedtest-page .meter-card,.speedtest-page .side-card{padding:18px}.speedtest-page .server-line{grid-template-columns:1fr;gap:12px}.speedtest-page .server-line strong{font-size:12px;margin-top:3px}.speedtest-page .metrics span{font-size:28px}.speedtest-page .metrics article{padding:13px;min-height:100px}.speedtest-page footer{flex-direction:column;gap:8px}.speedtest-page footer span{text-align:left}.speedtest-page .history-panel{padding:18px}.intro h1{font-size:25px}.section-caption>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.speedtest-page .upload-metric strong{color:#ff626b}.speedtest-page .ring{filter:none}
.android-download{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:22px;background:#111b29;border:1px solid #233247;border-radius:16px}.android-download h2{font-size:17px;margin:0 0 8px}.android-download p{font-size:12px;color:#93a4bb}.android-download a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid #48d7f4;border-radius:10px;color:#7be6ff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.android-download a:hover{background:#153344}@media(max-width:540px){.android-download{align-items:stretch;flex-direction:column;padding:18px}.android-download a{white-space:normal;text-align:center}}
