:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#070d1b;color:#edf3ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,rgba(59,109,237,.14),transparent 55%),#070d1b;min-height:100vh}main{max-width:650px;margin:auto;padding:42px 24px}.brand{display:inline-flex;gap:7px;font-weight:850;letter-spacing:2px;font-size:21px;text-decoration:none;color:#fff}.brand span{color:#7fa8ff}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#83aaff;margin:64px 0 18px}.eyebrow span{color:#8190ab;margin-left:12px}h1{font-size:clamp(32px,6vw,46px);font-weight:650;letter-spacing:-1.5px;margin:0 0 14px}.intro{color:#a4b0c7;line-height:1.7;margin:0 0 32px}.card{border:1px solid #28364f;background:linear-gradient(135deg,#101c33,#0c1527);border-radius:20px;padding:32px;box-shadow:0 20px 80px #0003}.connection-icon{display:flex;align-items:center;gap:23px;font-size:21px;font-weight:800;margin-bottom:22px;color:#cbdcff}.connection-icon span{color:#6b92f6;font-size:25px}.card p{line-height:1.65;font-size:14px;color:#b8c3d8}dl{padding:8px 0 18px;margin:0}dl div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #23304a;padding:17px 0}dt{color:#8f9fb9;font-size:13px}dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:14px}.code{letter-spacing:1.8px;color:#9fbcff;font-weight:700}button,.secondary{display:block;width:100%;border:0;border-radius:10px;padding:15px 20px;background:#638efa;color:#080f21;font-size:14px;font-weight:750;cursor:pointer;text-align:center;text-decoration:none}button:hover{background:#86a8ff}button:disabled{background:#23324d;color:#8390aa;cursor:default}.secondary{margin-bottom:12px;background:transparent;color:#a8c1ff;border:1px solid #3a5282}.secondary[hidden]{display:none}#status{min-height:22px;margin-bottom:0;color:#edbd9e}#status.success{color:#8ddcc2}.note{font-size:12px;line-height:1.8;color:#8d9bb3;padding:4px 12px}footer{font-size:11px;color:#62718c;text-align:center;margin-top:38px}@media(max-width:480px){main{padding-top:25px}.eyebrow{margin-top:45px}.card{padding:23px}dl div{gap:16px}}
