/* Вход — как в RentpointCRM: тёмный фон со свечением, логотип и белая карточка по центру */
body{margin:0;min-height:100vh;background:var(--a-side);display:flex;flex-direction:column;position:relative;overflow-x:hidden}
.lg-glow{position:absolute;left:50%;top:-20%;width:900px;height:560px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,92,0,.18),transparent 70%)}
.lg-wrap{position:relative;flex:1;display:grid;place-items:center;padding:48px 16px}
.lg-box{width:100%;max-width:440px}
.lg-logo{display:flex;justify-content:center;margin:0 0 24px}
.lg-logo .a-logo{padding:0;font-size:28px}
.lg-card{background:#fff;border-radius:20px;padding:32px}
.lg-card h1{font-size:22px;margin:0 0 22px}
.lg-form{display:flex;flex-direction:column;gap:16px}
/* поле с подписью на рамке, как у полей Material в CRM */
.lg-f{position:relative}
.lg-f input{width:100%;height:56px;padding:16px 14px 0;border:1px solid var(--a-line);border-radius:12px;background:#fff;
  font:400 16px var(--f-body);color:var(--a-ink);outline:none;transition:border-color .15s}
.lg-f input:hover{border-color:var(--a-ink)}
.lg-f input:focus{border-color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-ink)}
.lg-f label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--a-mu);
  pointer-events:none;transition:all .15s;background:#fff;padding:0 4px;margin-left:-4px}
.lg-f input:focus + label,.lg-f input:not(:placeholder-shown) + label,.lg-f input:-webkit-autofill + label{top:0;font-size:12px;color:var(--a-ink)}
.lg-f input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset;-webkit-text-fill-color:var(--a-ink)}   /* без жёлтой заливки автозаполнения */
.lg-f input:focus + label{font-weight:600}
.lg-f.pw input{padding-right:50px}
.lg-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;
  background:none;color:var(--a-mu);display:grid;place-items:center;cursor:pointer}
.lg-eye:hover{background:var(--a-bg);color:var(--a-ink)}
.lg-eye svg{width:20px;height:20px}
.lg-btn{height:48px;border:0;border-radius:99px;background:var(--a-ac);color:#fff;font:700 15.5px var(--f-body);cursor:pointer;
  margin-top:4px}
.lg-btn:hover{filter:brightness(.95)}
.lg-note{margin:0;text-align:center;font-size:12.5px;color:var(--a-mu);line-height:1.5}
.lg-form .a-msg{margin:0}
@media (max-width:560px){.lg-card{padding:24px}.lg-logo .a-logo{font-size:24px}}
.lg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--a-mu);line-height:1.45;cursor:pointer}
.lg-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--a-ink);flex:none}
.lg-alt{margin:0;text-align:center;font-size:14px;color:var(--a-mu)}
.lg-alt a{color:var(--a-ink);font-weight:700}
@media (max-width:560px){.lg-row{grid-template-columns:1fr}}
.lg-closed{margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--a-ink)}