.login-page { min-height: 100vh; display: grid; place-items: center; background: #f3f0eb; padding: 20px; }
.login-card { margin: 0; width: min(440px, 100%); background: #fff; border: 1px solid #ded8ce; box-shadow: 0 24px 70px rgba(49,43,42,.1); padding: 48px; text-align: center; border-radius: 8px; }
.login-card img { width: 260px; max-width: 100%; margin-bottom: 35px; }
.login-card h1 { font-size: 38px; }
.login-card p { color: #625f58; line-height: 1.7; margin: 15px 0 26px; }
.google-button { display: flex; align-items: center; justify-content: center; gap: 12px; background: #526f33; color: #fff; text-decoration: none; padding: 13px 18px; font: 600 12px 'Josefin Sans'; text-transform: uppercase; letter-spacing: .08em; border-radius: 4px; }
.google-button span { display: grid; place-items: center; width: 22px; height: 22px; background: #fff; color: #526f33; border-radius: 50%; font: 600 13px 'Poppins'; }
.login-error { background: #f6e4e1; color: #8a352d; padding: 10px; margin-bottom: 18px; border-radius: 4px; font-size: 12px; }