/* Shared styles for /signin /signup /forgot-password /reset-password /verify-email.
   Uses the site's sleek/cyan theme — no new colors. */

.auth-page{padding:50px 0 70px}
.auth-card{max-width:440px;margin:0 auto;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:30px}
.auth-card h1{font-size:28px;letter-spacing:-.02em;margin:0 0 6px}
.auth-card .sub{color:var(--txt-2);font-size:14px;margin:0 0 22px}
.auth-card form{display:flex;flex-direction:column;gap:14px}
.auth-card label{display:block;font-size:12px;color:var(--txt-2);margin-bottom:4px;font-weight:600;letter-spacing:.02em}
.auth-card input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:0;color:var(--txt);font:inherit}
.auth-card input:focus{border-color:var(--acc-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}
.auth-card .row{display:flex;align-items:center;gap:8px;margin:-4px 0 0;font-size:13px;color:var(--txt-2)}
.auth-card .row input[type=checkbox]{width:16px;height:16px;accent-color:var(--acc)}
.auth-card .btn{width:100%;text-align:center;font-size:15px;padding:12px 16px}
.auth-card .links{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:13px;flex-wrap:wrap;gap:8px}
.auth-card .links a{color:var(--acc);font-weight:600}
.auth-card .links a:hover{color:var(--acc-2)}
.auth-msg{padding:10px 14px;border-radius:10px;font-size:14px;margin:0 0 14px}
.auth-msg.error{background:color-mix(in srgb,var(--bad) 10%,var(--bg-1));border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad)}
.auth-msg.success{background:color-mix(in srgb,var(--good) 10%,var(--bg-1));border:1px solid color-mix(in srgb,var(--good) 35%,transparent);color:var(--good)}
.auth-msg.info{background:color-mix(in srgb,var(--acc) 10%,var(--bg-1));border:1px solid color-mix(in srgb,var(--acc) 35%,transparent);color:var(--acc)}
.pw-strength{height:4px;border-radius:99px;background:var(--bg-3);margin-top:6px;overflow:hidden;position:relative}
.pw-strength .bar{height:100%;width:0;border-radius:99px;background:var(--bad);transition:width .2s,background .2s}
.pw-strength.s2 .bar{width:33%;background:#ffb84d}
.pw-strength.s3 .bar{width:66%;background:var(--gold)}
.pw-strength.s4 .bar{width:100%;background:var(--good)}
.pw-help{font-size:12px;color:var(--txt-3);margin-top:4px}