:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f2f6fa;color:#102f4e}*{box-sizing:border-box}body{margin:0}header{background:#082b52;border-bottom:4px solid #f47b20;color:#fff;padding:20px max(20px,calc((100% - 880px)/2));display:flex;gap:22px;justify-content:space-between;align-items:center}header a{color:#fff;text-decoration:none}.brand{font-size:24px;font-weight:800}.brand span{color:#ff9b50}main{max-width:880px;margin:46px auto;padding:0 22px 40px}h1{font-size:clamp(28px,5vw,42px);line-height:1.15;letter-spacing:-1px;margin:8px 0 16px}h2{font-size:23px;margin:16px 0 10px}p{line-height:1.6}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.intro{max-width:650px;font-size:18px}.connection,.details{background:#fff;border:1px solid #b8cbdc;border-radius:15px;padding:26px;margin-top:24px}.connection{border-top:5px solid #f47b20}.badge{display:inline-block;border-radius:30px;padding:6px 12px;background:#e6eff7;color:#102f4e;font-size:13px;font-weight:700}.badge.connected{background:#d8f0e4;color:#0b4d30}.badge.error{background:#fce5de;color:#822500}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}button,.actions a{font:700 16px/1.3 Arial,Helvetica,sans-serif;border:2px solid #082b52;border-radius:9px;background:#082b52;color:#fff;min-height:48px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.secondary{background:#fff;color:#082b52}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #e06b10;outline-offset:4px}a{color:#064e82}.small{font-size:14px;color:#3e5367}#mailbox{font-size:20px;font-weight:700;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:420px){main{margin-top:28px;padding:0 16px 30px}.connection,.details{padding:20px}.actions>*{width:100%}header{padding:16px}.brand{font-size:21px}}