:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;background:#f5f7fa;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#125fc1}main{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #dce2ea;border-radius:16px;width:min(100%,420px);padding:28px;box-shadow:0 12px 35px #17203312}.brand{color:#d94841;letter-spacing:-.03em;font-weight:800}h1{margin:10px 0 6px;font-size:26px}p{color:#586174;line-height:1.5}form{gap:14px;margin-top:22px;display:grid}label{gap:6px;font-size:14px;font-weight:600;display:grid}input{width:100%;font:inherit;border:1px solid #cbd3df;border-radius:9px;padding:11px 12px}button{color:#fff;font:inherit;cursor:pointer;background:#172033;border:0;border-radius:9px;padding:12px 16px;font-weight:700}button.secondary{color:#172033;background:#fff;border:1px solid #cbd3df}button:disabled{opacity:.6;cursor:wait}.actions{gap:10px;display:flex}.links{justify-content:space-between;margin-top:18px;font-size:14px;display:flex}.message{color:#24476f;background:#eef4ff;border-radius:8px;padding:10px}.error{color:#9c2823;background:#fff0ef}.scopes{color:#404a5d;padding-left:20px}