:root{color-scheme:light;font-family:Inter,system-ui,Arial,sans-serif;background:#f3f6fb;color:#12223f}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.shell{width:min(100%,510px);background:white;padding:40px;border:1px solid #e0e6f0;border-radius:20px;box-shadow:0 18px 60px rgba(15,35,70,.09)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#1d65a9}h1{margin:16px 0 8px;font-size:27px}.subtitle{color:#59677c;line-height:1.5;margin:0 0 25px}.label{font-size:12px;text-transform:uppercase;font-weight:700;color:#6c798b;margin:20px 0 5px}.client{font-weight:650;margin:0;word-break:break-word}.scopes{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.scope{font-size:13px;border-radius:8px;background:#e9eff7;color:#24496e;padding:7px 10px}.note{font-size:13px;color:#607086;line-height:1.5}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}button{border:0;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer}button.primary{background:#1769bc;color:#fff}button.secondary{background:#eaf0f6;color:#183a5a}button:disabled{opacity:.6;cursor:wait}form{display:grid;gap:17px}label{font-weight:600;font-size:14px;display:grid;gap:7px}input{font:inherit;border:1px solid #b8c4d4;border-radius:10px;padding:12px;width:100%}.status{margin:17px 0 0;color:#49617b}.status.error{color:#a31f30}@media(max-width:510px){.shell{padding:25px}}