:root{color:#e5edf5;font-synthesis:none;background:#101820;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:0 auto;padding:72px 24px}.eyebrow{color:#9eb4c8;letter-spacing:.13em;font-size:.75rem}h1{margin:16px 0;font-size:clamp(2rem,6vw,3.2rem);line-height:1.15}h2{font-size:1.4rem}.intro{color:#b7c7d5;margin-bottom:40px}.card{background:#1a2733;border:1px solid #344657;border-radius:12px;padding:28px}.badge{color:#b6e3d8;background:#273d4a;border-radius:4px;padding:3px 10px;font-size:.8rem;display:inline-block}.status{border-top:1px solid #344657;padding-top:16px}.connected{color:#a8e4cd}.unavailable{color:#ffd1a1}button{font:inherit;color:#101820;cursor:pointer;background:#a8e4cd;border:0;border-radius:5px;padding:8px 16px}button:focus-visible{outline-offset:4px;outline:3px solid #fff}footer{color:#9eb4c8;margin-top:32px;font-size:.85rem}@media (width<=480px){main{padding:40px 16px}.card{padding:20px}}