/* PTA branding layered over auth-wrapper's login.html (injected by worker/index.js). */
body { font-family: 'Figtree Variable', system-ui, sans-serif; background: #fffaf0; color: #15202d; max-width: 400px; margin: 6vh auto; padding: 32px 24px; border-radius: 22px; background-clip: padding-box; }
html { background: linear-gradient(180deg, #00467d 0 220px, #fffaf0 220px); min-height: 100%; }
body { box-shadow: 0 8px 30px rgb(10 34 64 / 0.15); background: #fff; border-top: 6px solid #f9b522; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; margin-bottom: 16px; }
.brand span { font: 800 1.8rem/1 'Barlow Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: #00467d; letter-spacing: .02em; }
h1 { font: 800 2rem/1.1 'Barlow Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: #0a2240; margin: 8px 0 16px; }
button, input { border-radius: 12px; font-size: 16px !important; padding: 12px 14px !important; }
input { border: 1.5px solid #d9e3ee; }
input:focus { outline: none; border-color: #00467d; box-shadow: 0 0 0 3px rgb(0 70 125 / .15); }
#google-btn { border: 1.5px solid #d9e3ee !important; font-weight: 600; }
#email-btn { background: #f9b522 !important; color: #0a2240 !important; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
#toggle-mode, #forgot-btn { color: #00467d !important; }
hr { border: 0; border-top: 1px solid #d9e3ee; margin: 16px 0; }