:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(620px,100%);background:#fff;border:1px solid #dce3ec;border-radius:18px;padding:32px;box-shadow:0 14px 38px #17203314}h1{font-size:1.7rem;margin:0 0 14px}p{line-height:1.55}.muted{color:#5d6878}.code{font:700 2rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;padding:18px;background:#eef4ff;border-radius:12px;text-align:center;margin:22px 0}.row{display:flex;gap:10px;flex-wrap:wrap}.button,button{border:0;border-radius:10px;background:#164a9b;color:white;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none}button.secondary{background:#e8edf5;color:#172033}input{width:100%;padding:12px;border:1px solid #aeb8c7;border-radius:9px;font-size:1rem;margin:7px 0 14px}.ok{color:#12652c}.bad{color:#a21b20}.notice{border-left:4px solid #164a9b;padding:10px 14px;background:#eef4ff}.spinner{width:26px;height:26px;border:3px solid #dce3ec;border-top-color:#164a9b;border-radius:50%;animation:s 1s linear infinite;margin:20px auto}@keyframes s{to{transform:rotate(1turn)}}