/* Minimal, responsive styles for OAuth pages */
:root { --bg: #0b0d10; --fg: #e8edf2; --muted: #a9b3bd; --accent: #52b788; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";
background: var(--bg); color: var(--fg);
display: grid; place-items: center;
}
.container { width: 100%; max-width: 640px; padding: 24px; }
h1 { font-size: 1.5rem; margin: 0 0 0.5rem; }
p { color: var(--muted); line-height: 1.5; }
.button {
display: inline-block; background: var(--accent); color: #02120c; font-weight: 600;
padding: 10px 14px; border-radius: 8px; text-decoration: none; margin-top: 12px;
}
.error h1 { color: #ff8692; }
@media (max-width: 480px) { .container { padding: 16px; } }