.speed-test-container{padding:1rem}.speed-test-container .speed-test-box{max-width:1020px;margin:0 auto}.speed-test-header{text-align:center;margin-bottom:1.5rem}.speed-test-header .wifi-icon{display:flex;justify-content:center;margin-bottom:1rem}.speed-test-header .wifi-icon .icon{width:3rem;height:3rem;color:#3554d1}.speed-test-header h1{font-size:var(--text-30);font-weight:700;color:#111827;margin-bottom:.5rem}.speed-test-header p{color:#3554d1}.speed-display{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 10px 15px rgba(0,0,0,.05);border:1px solid #dbeafe;margin-bottom:2rem}.speed-display .progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.speed-display .progress-ring circle{fill:none;stroke-width:5%;transition:stroke-dasharray .3s ease-out}.speed-display .progress-ring .progress-ring__bg{stroke:#dbeafe}.speed-display .progress-ring .progress-ring__fg{stroke:#3554d1;stroke-linecap:round}.speed-display .circle-wrapper{position:relative;aspect-ratio:1/1;max-width:320px;margin:0 auto}.speed-display .circle-center.pulse:before{content:"";position:absolute;width:150px;height:150px;background-color:rgba(59,130,246,.2);border-radius:9999px;animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:0}}.speed-display .circle-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.speed-display .circle-center .icon{width:3rem;height:3rem;color:#3554d1;margin-bottom:1rem}.speed-display .circle-center .speed-value{font-size:var(--text-50);font-weight:700;color:#111827;margin-bottom:.5rem}.speed-display .circle-center .speed-unit{color:#3554d1;font-weight:500}.speed-display .start-button{margin-top:2rem;width:100%;padding:1rem;border-radius:.75rem;font-weight:500;display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:#3554d1;color:#fff;transition:all .3s ease}.speed-display .start-button:hover:not(.disabled){background-color:#3554d1}.speed-display .start-button.disabled{background-color:#dbeafe;color:#60a5fa;cursor:not-allowed}.speed-display .start-button .spin{animation:spin 1s linear infinite}.speed-display .start-button .icon{width:1.25rem;height:1.25rem}@keyframes spin{to{transform:rotate(1turn)}}.results-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(min-width:768px){.results-grid{grid-template-columns:repeat(2,1fr)}}.results-grid .result-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #dbeafe}.results-grid .result-card .result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.results-grid .result-card .result-header .icon{color:#3554d1;width:1.25rem;height:1.25rem}.results-grid .result-card .result-header h3{font-size:var(--text-18);font-weight:500;color:#111827}.results-grid .result-card .result-value{font-size:var(--text-30);font-weight:700;color:#111827}.results-grid .result-card .result-unit-inline{font-size:var(--text-18);color:#3554d1;margin-left:.25em;font-weight:500;vertical-align:middle}.results-grid .result-card .result-unit{color:#3554d1}.meta-box{background-color:#fff;border-radius:1rem;padding:1.5rem 2rem;box-shadow:0 4px 12px rgba(0,0,0,.03);border:1px solid #dbeafe;max-width:800px;margin:2rem auto 0}.meta-grid{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;gap:1rem}@media(max-width:640px){.meta-grid{flex-direction:column;align-items:center}}.meta-item{flex:1 1}.meta-item .meta-label{color:#3554d1;font-weight:600;margin-bottom:.25rem;font-size:var(--text-16)}.meta-item .meta-value{font-size:var(--text-16);color:#4b5563;font-weight:500}