/* login / register pages */
body.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
.auth-main{display:flex;flex-direction:column;padding:24px clamp(20px,5vw,64px)}
.auth-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.auth-card{width:100%;max-width:430px;margin:auto;padding:40px 0}
.auth-card h1{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;letter-spacing:-.025em}
html:lang(si) .auth-card h1{font-weight:700;letter-spacing:0}
.auth-card > p, .auth-step > p{color:var(--ink-2);margin-bottom:24px}
.auth-card .btn-primary{width:100%;padding:14px}
.auth-alt{margin-top:18px;text-align:center;color:var(--ink-2);font-size:.95rem}
.auth-alt a{font-weight:700}
.link-btn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--paddy-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link-btn[disabled]{color:var(--ink-2);text-decoration:none;cursor:default}
.err-box{background:var(--coral-soft);color:#9b2c1c;border-radius:10px;padding:10px 14px;font-size:.92rem;margin-bottom:14px}
.ok-box{background:var(--paddy-soft);color:var(--paddy-2);border-radius:10px;padding:10px 14px;font-size:.92rem;margin-bottom:14px}
.pass-wrap{position:relative}
.pass-wrap .input{padding-right:70px}
.pass-wrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--mist);border-radius:8px;padding:6px 10px;font:600 .8rem var(--font-body);color:var(--ink-2);cursor:pointer}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.row2{grid-template-columns:1fr}}
.auth-side{background:var(--kelani);color:#E6F2EE;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:56px}
.auth-side h2{font-size:clamp(1.6rem,2.6vw,2.4rem);color:#fff;font-weight:800;letter-spacing:-.02em;max-width:16ch}
html:lang(si) .auth-side h2{font-weight:700;letter-spacing:0;font-size:clamp(1.35rem,2vw,1.85rem);max-width:24ch;line-height:1.45}
.auth-side p{color:#A9C7C2;max-width:40ch}
.side-chat{position:absolute;top:56px;left:56px;right:56px;display:grid;gap:10px}
.side-chat div{background:#fff;color:var(--ink);border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:.9rem;max-width:80%;box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.side-chat div:nth-child(2){justify-self:end;background:#D9FDD3;border-radius:14px 14px 4px 14px}
.side-chat div:nth-child(3){opacity:.75}
.auth-foot{text-align:center}
@media (max-width:900px){body.auth{grid-template-columns:1fr}.auth-side{display:none}}