.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 0, #e0f1e9, #f4f7f5 48%); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.login-shell { width: min(100%, 430px); }
.login-brand { display: flex; align-items: center; justify-content: center; gap: 11px; margin-bottom: 24px; }
.login-brand > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: var(--green-800); color: #fff; font-size: 23px; font-weight: 800; }
.login-brand strong, .login-brand small { display: block; }
.login-brand strong { font-size: 18px; }
.login-brand small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.login-card { padding: 30px; border: 1px solid var(--line); border-radius: 25px; background: rgba(255,255,255,.96); box-shadow: 0 24px 70px rgba(18,58,43,.12); }
.login-card h1 { font-size: 31px; }
.login-hindi { margin: 7px 0 24px; color: var(--muted); font-weight: 600; }
.login-card form { display: grid; gap: 16px; }
.login-card label > span { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 800; }
.login-card label small { display: block; margin-top: 2px; color: var(--muted); font-size: 10px; }
.login-card input { width: 100%; min-height: 58px; padding: 13px 15px; border: 1.5px solid #d6dfda; border-radius: 14px; outline: none; background: #fbfcfb; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.login-card input[name="pin"] { letter-spacing: .28em; }
.login-card input:focus { border-color: var(--green-700); box-shadow: 0 0 0 4px rgba(13,128,96,.11); }
.login-card button { min-height: 62px; margin-top: 5px; border: 0; border-radius: 15px; background: var(--green-800); color: #fff; font-size: 14px; font-weight: 800; position: relative; cursor: pointer; }
.login-card button small { display: block; margin-top: 3px; font-size: 10px; opacity: .72; }
.login-card button b { position: absolute; right: 18px; top: 14px; font-size: 28px; font-weight: 400; }
.login-error { margin: -8px 0 16px; padding: 11px 13px; border-radius: 11px; background: #fbe9e7; color: #a33f37; font-size: 12px; font-weight: 700; }
.login-help { margin: 18px 0 0; color: var(--muted); text-align: center; font-size: 11px; line-height: 1.6; font-weight: 600; }
.login-help span { font-size: 10px; }
.forgot-link { display: block; margin-top: 15px; text-align: center; color: var(--green-800); font-size: 11px; font-weight: 800; text-decoration: none; }
@media (max-width: 430px) { .login-page { padding: 15px; } .login-card { padding: 24px 20px; } }