diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 6b1cc66..6a49e59 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1,12 +1,13 @@ * { box-sizing: border-box; } - -:root { - color: #e5e7eb; - background: #111827; - font-family: system-ui, sans-serif; -} - +: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; }