/* auth.css — শুধু auth.html (Email + Password Sign in / Sign up) এর style */

.auth{justify-content:flex-start;padding-left:24px;padding-right:24px}

.auth-top{width:100%;display:flex;align-items:center;justify-content:space-between;height:40px}
.back{width:40px;height:40px;margin-left:-10px;border-radius:12px;display:grid;place-items:center;color:var(--text);text-decoration:none;transition:background .15s}
.back:hover{background:var(--surface-alt)}
.back svg{width:22px;height:22px}
.auth-top .logo{width:30px;height:auto}
.auth-top .spacer{width:40px}

.auth-head{width:100%;margin-top:28px}
.auth-head .badge{width:52px;height:52px;border-radius:16px;background:#e8fbed;color:var(--green-dark);display:grid;place-items:center;margin-bottom:18px}
.auth-head .badge svg{width:26px;height:26px}
.auth-head p b{color:var(--text);font-weight:600}
.auth-head h1{font-family:var(--font-head);font-weight:700;font-size:clamp(24px,6.8vw,28px);letter-spacing:-.2px;line-height:1.15}
.auth-head p{margin-top:8px;font-size:14px;line-height:1.5;color:var(--muted)}

/* Form */
.auth form{width:100%;margin-top:26px;display:flex;flex-direction:column;gap:16px}
.field[hidden]{display:none}
.row-end{display:flex;justify-content:flex-end;margin-top:-6px}
.row-end[hidden]{display:none}
.link{font-size:13px;font-weight:600;color:var(--green-dark);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit}
.link:hover{text-decoration:underline}

.form-msg{display:none;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.4}
.form-msg.show{display:block}
.form-msg.error{background:#fdecec;color:#b42318}
.form-msg.success{background:#e8fbed;color:#12803a}

.btn .spinner{display:none;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.btn.loading .spinner{display:block}
.btn.loading .label{display:none}
@keyframes spin{to{transform:rotate(360deg)}}

/* "Don't have an account? Create account" */
.switch{margin-top:18px;text-align:center;font-size:14px;color:var(--muted)}
.switch .link{font-size:14px}

.terms{margin-top:auto;padding-top:28px;text-align:center;font-size:12px;line-height:1.5;color:var(--muted)}
.terms a{color:var(--text);font-weight:600;text-decoration:none}
.terms a:hover{text-decoration:underline}