/* login.css */
.login-page { min-height: 100vh; }
.login-shell { display: flex; align-items: center; min-height: 100vh; max-width: 28rem; margin: 0 auto; padding: 2.5rem 1rem; }
.login-card { width: 100%; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; padding: 1.75rem; box-shadow: 0 1px 2px rgb(15 23 42 / 6%); }
.login-field { display: block; width: 100%; margin-top: .25rem; border: 1px solid #cbd5e1; border-radius: .5rem; padding: .6rem .7rem; font: inherit; }
.login-button { display: block; width: 100%; border: 0; border-radius: .5rem; background: #4338ca; padding: .65rem 1rem; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.login-button:hover { background: #3730a3; }
.login-divider { display: flex; align-items: center; gap: .75rem; margin: 1.75rem 0; color: #64748b; font-size: .875rem; }
.login-divider span { height: 1px; flex: 1; background: #e2e8f0; }
.login-google { display: block; width: 100%; border: 1px solid #cbd5e1; border-radius: .5rem; padding: .65rem 1rem; color: #1e293b; text-align: center; font-weight: 600; text-decoration: none; }
.login-google:hover { background: #f8fafc; }
.login-release { margin: 1.25rem 0 0; color: #64748b; font-size: .75rem; text-align: center; }