.speed-test-container{margin:2rem auto;max-width:800px}.speed-gauge{align-items:center;display:flex;justify-content:center;margin:2rem 0}.gauge-circle{background:conic-gradient(from 135deg,var(--primary-color,#3b82f6) 0deg,var(--primary-color,#3b82f6) var(--progress,0deg),hsla(0,0%,100%,.1) var(--progress,0deg),hsla(0,0%,100%,.1) 270deg);height:280px;position:relative;width:280px}.gauge-circle,.gauge-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.gauge-inner{background:var(--card-bg,#1a202c);flex-direction:column;height:220px;width:220px}.speed-value{color:#fff;font-size:3.5rem;font-weight:700;line-height:1}.speed-unit{font-size:1.25rem}.speed-label,.speed-unit{color:var(--text-secondary,#a0aec0);margin-top:.5rem}.speed-label{font-size:.875rem;letter-spacing:.1em}.speed-label,.start-btn{text-transform:uppercase}.start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:1.125rem;font-weight:600;letter-spacing:.05em;margin:2rem auto;padding:1rem 2rem;transition:all .3s;width:200px}.start-btn:hover{box-shadow:0 10px 30px rgba(34,197,94,.3);transform:scale(1.05)}.start-btn:disabled{background:#4a5568;box-shadow:none;cursor:not-allowed;transform:none}.results-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}@media (max-width:768px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--card-bg,#2d3748);border-radius:12px;padding:1.5rem;text-align:center}.result-card .icon{font-size:2rem;margin-bottom:.5rem}.result-card .label{color:var(--text-secondary,#a0aec0);font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.result-card .value{color:#fff;font-size:2rem;font-weight:700}.result-card .unit{color:var(--text-secondary,#a0aec0);font-size:.875rem}.result-card.testing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:var(--text-secondary,#a0aec0);font-size:1rem;margin-top:1rem;min-height:1.5rem;text-align:center}.info-section{margin-top:3rem}.info-section h3{color:#fff;margin-bottom:1rem}.info-section p{color:var(--text-secondary,#a0aec0);line-height:1.6}.test-history{margin-top:2rem}.test-history h3{color:#fff;margin-bottom:1rem}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid hsla(0,0%,100%,.1);padding:.75rem;text-align:left}.history-table th{color:var(--text-secondary,#a0aec0);font-size:.875rem;font-weight:500}.history-table td{color:#fff}.no-history{color:var(--text-secondary,#a0aec0);padding:2rem;text-align:center}