:root{--bg: #f5f6f8;--card: #ffffff;--primary: #2563eb;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--error: #d92d20}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--card);width:100%;max-width:360px;padding:32px;border-radius:14px;box-shadow:0 6px 28px #00000014}h1{font-size:20px;margin:0 0 6px}.sub{font-size:13px;color:var(--muted);margin-bottom:20px}label{display:block;font-size:13px;color:#555;margin:14px 0 4px}input{width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;font-size:14px}input:focus{outline:none;border-color:var(--primary)}button{width:100%;margin-top:22px;padding:12px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.secondary{background:#eef2ff;color:var(--primary)}.error{color:var(--error);font-size:13px;margin-top:14px}.ok{color:#047857;font-size:13px;margin-top:14px}.links{margin-top:18px;font-size:13px;display:flex;justify-content:space-between}a{color:var(--primary);text-decoration:none}ul.scopes{padding-left:18px;font-size:14px;color:#444}.row{display:flex;gap:10px}.row>*{flex:1}