From c464ed36588713db841c7e408192053cb55c9351 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Wed, 13 Aug 2025 12:52:57 +0000
Subject: [PATCH] Update web/static/app.css

---
 web/static/app.css | 67 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 66 insertions(+), 1 deletion(-)

diff --git a/web/static/app.css b/web/static/app.css
index efecc21..57be898 100644
--- a/web/static/app.css
+++ b/web/static/app.css
@@ -196,4 +196,69 @@ code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono
   .meta-grid{grid-template-columns:1fr}
   .subject-title{font-size:24px}
   .lead-text{font-size:17px}
-}
\ No newline at end of file
+}
+
+/* ===============================
+   Login page (tan → blue gradient)
+   =============================== */
+.login-page{
+  min-height:100vh;
+  background:
+    linear-gradient(110deg,
+      #d7b592 0%,   /* soft tan (left) */
+      #e7e3db 30%,  /* light neutral blend */
+      #8fbfe0 100%  /* gentle blue (right) */
+    );
+  background-attachment: fixed;
+}
+
+.login-hero{
+  min-height:100vh;
+  display:flex; align-items:center; justify-content:center;
+  padding:32px 16px;
+}
+
+.login-card{
+  width:100%; max-width:420px;
+  background:#ffffff;          /* solid behind fields */
+  border:1px solid #e5e7eb;
+  border-radius:16px;
+  box-shadow:0 10px 30px rgba(0,0,0,.08);
+  padding:22px 22px 20px;
+}
+
+.login-title{
+  margin:4px 0 16px;
+  font-size:22px; font-weight:700; color:#0f172a;
+}
+
+.login-label{
+  display:block; margin:10px 0 6px;
+  font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:#64748b;
+}
+
+.login-input{
+  width:100%;
+  appearance:none;
+  padding:10px 12px;
+  border:1px solid #d1d5db;
+  border-radius:10px;
+  background:#fff; color:#111827;
+  font-size:16px;
+}
+.login-input:focus{
+  outline:none; border-color:#2f6cab; box-shadow:0 0 0 3px rgba(47,108,171,.15);
+}
+
+.login-submit{
+  width:100%; margin-top:16px;
+}
+
+.login-alert{
+  margin:0 0 10px;
+  padding:10px 12px;
+  border:1px solid #fecaca; background:#fef2f2; color:#7f1d1d;
+  border-radius:10px; font-size:14px;
+}
+
+.login-field-error{ color:#b91c1c; font-size:13px; margin:6px 0 0; }
\ No newline at end of file