:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#071017;color:#f4f7f9}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:680px;margin:20px auto 60px}h1{font-size:clamp(30px,6vw,44px);line-height:1.1;margin:8px 0 20px}h2{font-size:21px;margin:0 0 20px}p{line-height:1.6;color:#c4cfd7}.eyebrow{letter-spacing:.14em;color:#87e6c0;font-size:12px}section{background:#101f2b;border:1px solid #263947;border-radius:22px;padding:28px;margin-top:24px}.muted{font-size:14px;color:#a8b7c3}label{display:block;font-weight:600;margin:18px 0 8px}input{display:block;width:100%;min-height:48px;padding:12px;font:inherit;border:1px solid #4b5f6c;border-radius:10px;background:#08131d;color:inherit}button{min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:12px;background:#a1edce;color:#08251a;font:inherit;font-weight:650;margin:18px 10px 0 0;cursor:pointer}button.secondary{color:#e6eff5;background:transparent;border-color:#4b5f6c}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #c4ffe5;outline-offset:4px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading button{margin:0;font-size:13px}.device{border-top:1px solid #314350;margin-top:20px;padding-top:12px}.device p{margin:8px 0}.device strong{word-break:break-word}#code{font-size:24px;letter-spacing:.12em;text-transform:uppercase}#status:not(:empty){border-left:3px solid #a1edce;padding:12px 16px;background:#10231f}#confirmation{padding:12px 0 24px}#device-name{font-size:22px;font-weight:700;color:white}[hidden]{display:none!important}@media(max-width:480px){section{padding:22px 18px}.heading{align-items:flex-start;flex-direction:column}.heading button{margin-bottom:10px}}