:root{--bg: #0b1020;--bg-2: #121a33;--panel: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .09);--text: #e8ecf5;--muted: #93a0bd;--accent: #34d3ee;--accent-2: #7c5cff;--dl: #34d3ee;--ul: #7c5cff;--good: #3ddc97}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,#1c2650 0%,transparent 60%),linear-gradient(160deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.app{max-width:1100px;margin:0 auto;padding:0 20px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.25rem}.logo{color:var(--accent);font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(52,211,238,.6))}.brand-name .accent{color:var(--accent)}.nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:.95rem;transition:color .2s}.nav a:hover{color:var(--text)}.hero{text-align:center;padding:28px 0 10px}.headline{font-size:clamp(1.9rem,5vw,3rem);font-weight:800;letter-spacing:-.02em}.sub{color:var(--muted);margin-top:12px;font-size:1.05rem;max-width:560px;margin-left:auto;margin-right:auto}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:18px}.gauge{position:relative;width:300px;height:300px}.gauge-track{stroke:#ffffff12}.gauge-fill{stroke:var(--accent);transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 6px rgba(52,211,238,.5))}.gauge-fill.phase-upload{stroke:var(--ul);filter:drop-shadow(0 0 6px rgba(124,92,255,.5))}.gauge-fill.phase-download{stroke:var(--dl)}.gauge-tick{stroke:#ffffff40;stroke-width:2}.gauge-tick-label{fill:var(--muted);font-size:10px}.gauge-needle{stroke:var(--text);stroke-width:3;transition:all .12s ease-out}.gauge-hub{fill:var(--text)}.gauge-readout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;margin-top:26px}.gauge-value{font-size:2.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.gauge-unit{color:var(--muted);font-size:.85rem;margin-top:2px}.gauge-label{margin-top:10px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.go-btn{border:none;cursor:pointer;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2ee6ff,#1590c9);color:#06121c;font-weight:800;font-size:1.1rem;letter-spacing:.05em;box-shadow:0 10px 30px #34d3ee59,inset 0 0 0 2px #ffffff40;transition:transform .15s ease,box-shadow .2s ease}.go-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 40px #34d3ee80}.go-btn:disabled{cursor:default;opacity:.85;background:#26325a;color:var(--muted);box-shadow:inset 0 0 0 2px var(--border)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px auto 8px;max-width:720px}.stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,transform .2s}.stat-active{border-color:var(--accent);transform:translateY(-2px)}.stat-icon{font-size:1.4rem;color:var(--accent);width:34px;text-align:center}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-unit{font-size:.8rem;color:var(--muted);margin-left:4px;font-weight:500}.section{padding:48px 0;border-top:1px solid var(--border);margin-top:40px}.section h2{font-size:1.6rem;margin-bottom:22px;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.card h3{color:var(--accent);margin-bottom:10px;font-size:1.1rem}.card p{color:var(--muted);line-height:1.6;font-size:.95rem}.faq details{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin-top:10px;line-height:1.6}.footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border);margin-top:20px;flex-wrap:wrap;gap:8px}.footer .muted{color:#5c6a8a}@media (max-width: 720px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.nav{display:none}}