:root{--p:#4f46e5;--p2:#6d28d9;--bg:#f5f7ff;--text:#111827;--muted:#667085;--line:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,#ede9fe,#fff 42%,#f4f7fb);color:var(--text)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(340px,540px) 1fr}.auth-card{background:rgba(255,255,255,.94);padding:36px;display:flex;flex-direction:column;justify-content:center}.auth-card.wide{min-width:620px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;margin-bottom:25px}.brand span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}.brand b{font-size:25px}.brand b span{all:unset;color:var(--p)}h1{font-size:34px;margin:0 0 8px}p{color:var(--muted)}label{display:block;font-size:12px;font-weight:900;margin:14px 0 6px;text-transform:uppercase;color:#344054}input{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 13px;font-weight:700}button,.btn{width:100%;height:46px;border:0;border-radius:13px;margin-top:18px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:900;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.alert{padding:12px;border-radius:12px;font-weight:800}.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.bottom{text-align:center}.bottom a{color:var(--p);font-weight:900}.auth-side{background:linear-gradient(135deg,#4c1d95,#2563eb);color:#fff;display:grid;place-items:center;padding:40px}.auth-side h2{font-size:44px;max-width:520px}.auth-side p{color:rgba(255,255,255,.8);font-size:18px;max-width:520px}@media(max-width:900px){.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}.auth-card,.auth-card.wide{min-width:0}.grid{grid-template-columns:1fr}}