/* Office Khulna — auth pages (matches landing vibe) */
.auth{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:48px 20px}
.auth-card{width:100%;max-width:410px;background:#fff;border:1px solid rgba(12,27,42,.12);border-radius:18px;padding:42px 36px;box-shadow:0 18px 50px rgba(12,27,42,.10)}
.auth-card .auth-brand{margin-bottom:24px}
.auth-card .eyebrow{margin-bottom:10px}
.auth-card h1{font-family:"Space Grotesk";font-weight:700;font-size:1.7rem;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px}
.auth-card .sub{color:var(--muted);font-size:.95rem;margin-bottom:26px}

.field{margin-bottom:18px}
.field label{display:block;font-family:"Space Grotesk";font-size:.82rem;font-weight:500;margin-bottom:7px;color:var(--ink)}
.field input{width:100%;padding:12px 14px;border:1.5px solid rgba(12,27,42,.16);border-radius:10px;font-family:"Inter",sans-serif;font-size:.95rem;color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s}
.field input::placeholder{color:#9aa7b0}
.field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,110,107,.15);background:#fff}

.auth-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:.86rem}
.auth-row a{color:var(--teal-dk);font-weight:500;font-family:"Space Grotesk"}
.auth-row label{display:flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer;font-family:"Inter",sans-serif}
.auth-row input[type=checkbox]{accent-color:var(--teal)}

.auth .btn{width:100%;display:block;text-align:center;border:none;cursor:pointer}

.auth-foot{text-align:center;margin-top:24px;font-size:.9rem;color:var(--muted)}
.auth-foot a{color:var(--teal-dk);font-weight:600;font-family:"Space Grotesk"}

.auth-error{background:#fdecec;border:1px solid #f5c2c2;color:#a12d2d;font-size:.86rem;padding:11px 14px;border-radius:10px;margin-bottom:20px;line-height:1.45}

/* Google button */
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:1.5px solid rgba(12,27,42,.18);border-radius:10px;background:#fff;color:var(--ink);font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:.95rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.btn-google:hover{border-color:var(--ink);box-shadow:0 4px 14px rgba(12,27,42,.10)}
.btn-google svg{flex-shrink:0}

/* divider */
.auth-divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:.8rem;margin:20px 0}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:rgba(12,27,42,.12)}
.auth-divider span{padding:0 12px}