* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px; background: #f4f2eb; color: #273b32; font-family: system-ui, sans-serif; }
.login-card { width: min(100%, 440px); background: #fffef9; padding: clamp(24px, 6vw, 48px); border: 1px solid #d8dfd5; border-radius: 20px; box-shadow: 0 16px 48px #273b3210; }
.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .16em; }
h1 { font: 500 clamp(30px, 7vw, 40px)/1.15 Georgia, serif; margin: 24px 0; }
p { line-height: 1.6; }
.google-signin { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; margin: 28px 0 20px; padding: 12px; background: white; color: #1f1f1f; border: 1px solid #747775; border-radius: 6px; text-decoration: none; font-weight: 600; }
a:focus-visible { outline: 3px solid #4285f4; outline-offset: 4px; }
#login-message { font-size: 13px; color: #52645b; }