* { box-sizing: border-box; }
:root { color: #e5e7eb; background: #111827; font-family: system-ui, sans-serif; }
body { margin: 0; }
.page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.card { max-width: 640px; width: 100%; padding: 32px; border: 1px solid #374151; border-radius: 16px; background: #1f2937; box-shadow: 0 16px 40px #0004; }
form { display: grid; gap: 16px; }
label { display: grid; gap: 6px; color: #d1d5db; }
input { padding: 11px 12px; border: 1px solid #4b5563; border-radius: 8px; color: #f9fafb; background: #111827; }
button { padding: 11px 14px; border: 0; border-radius: 8px; color: white; background: #2563eb; cursor: pointer; }
button:hover { background: #1d4ed8; }
.link { margin-top: 16px; padding: 0; background: transparent; color: #93c5fd; }
.message { margin-top: 18px; color: #fbbf24; }
.muted { color: #9ca3af; }