* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; background: #f4f5f7; margin: 0; padding: 2rem; }
.auth { max-width: 480px; margin: 2rem auto; background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
h1 { margin-top: 0; color: #1a365d; }
label { display: block; margin: 1rem 0 0.25rem; font-weight: 500; }
input { width: 100%; padding: 0.6rem; border: 1px solid #cbd5e0; border-radius: 4px; font-size: 1rem; }
button { margin-top: 1rem; padding: 0.7rem 1.2rem; background: #2b6cb0; color: #fff; border: 0; border-radius: 4px; cursor: pointer; font-size: 1rem; }
button:hover { background: #2c5282; }
.error { color: #c53030; margin-top: 1rem; }
.ok { color: #276749; margin-top: 1rem; }
code, pre { background: #edf2f7; padding: 0.5rem; border-radius: 4px; display: block; word-break: break-all; white-space: pre-wrap; }