/* Экран входа LeadMaster — стиль перенесён ДОСЛОВНО из мокапа
   leadmaster_final_partner_project/auth/login.html (OTP-специфичные .or/.code/.ghost
   опущены — вход по паролю). */
:root{--bg:#f6f7fb;--panel:#fff;--ink:#151624;--muted:#69728a;--line:#e6e8f0;--violet:#6847e8;--violet-soft:#f1edff;--shadow:0 18px 60px rgba(34,38,64,.10);--green:#18aa55;--green-soft:#eaf9ef;--danger:#ff3b45;--danger-soft:#ffe9ea;font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(135deg,#f9fbff,#f5f4fb 58%,#fff);font-family:inherit;color:var(--ink)}
.wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}
.hero{padding:56px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,#f1edff,transparent 34%),linear-gradient(135deg,#15162b,#070b1b);color:white}
.brand{display:flex;gap:14px;align-items:center;font-weight:900;font-size:22px}
.mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#7659ff,#4f31db);display:grid;place-items:center}
.mark:before{content:'✦';font-size:30px;color:#c9bbff}
.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.06em;margin:0 0 24px}
.hero p{font-size:20px;line-height:1.55;color:rgba(255,255,255,.72);max-width:620px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:11px 14px;border-radius:999px;font-weight:800}
.side{display:grid;place-items:center;padding:34px}
.card{width:min(460px,100%);background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:34px}
.card h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}
.card p{margin:0 0 24px;color:var(--muted);line-height:1.5}
.field{display:grid;gap:9px;margin-bottom:14px}
.field label{font-size:13px;font-weight:900}
.field input{border:1px solid var(--line);border-radius:16px;padding:16px;font-size:16px;outline:none}
.field input:focus{border-color:#c9bdff;box-shadow:0 0 0 4px var(--violet-soft)}
.btn{width:100%;height:56px;border:0;border-radius:16px;background:linear-gradient(135deg,#7355f2,#4f31d9);color:#fff;font-size:16px;font-weight:900;cursor:pointer;margin-top:8px}
.terms{font-size:13px;color:var(--muted);line-height:1.45;margin-top:18px}
.terms a{color:var(--violet);font-weight:800}
.flash{padding:12px 16px;border-radius:14px;font-weight:800;font-size:14px;margin-bottom:12px}
.flash-error{background:var(--danger-soft);color:var(--danger)}
.flash-success{background:var(--green-soft);color:var(--green)}
@media(max-width:860px){.wrap{display:block}
.hero{min-height:360px;padding:32px 20px}
.side{padding:20px}
.hero h1{font-size:44px}
.hero p{font-size:17px}
.card{padding:24px;border-radius:24px;margin-top:-54px}
}