/* Сессия 7: регистрация и вход — промо-колонка слева, форма справа; шаги Аккаунт → Подтверждение → Готово */
.pg-reg{display:flex;justify-content:center}
.rg{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:0;padding:0;overflow:hidden;min-height:min(760px,calc(100dvh - 120px))}
.rg-pro{position:relative;display:flex;flex-direction:column;gap:22px;padding:40px;border-right:1px solid var(--g-line);overflow:hidden}
.rg-pro::after{content:"";position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.07),transparent 65%)}
.rg-pro .logo{font-size:16px}
.rg-pro h1{margin:18px 0 0;font-size:22px;font-weight:600;line-height:1.25;color:var(--g-tx);max-width:420px}
.rg-pro>p{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--g-dim);max-width:440px}
.rg-feat{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.rg-feat li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:14px;border-radius:16px;background:var(--g-in)}
.rg-feat .fi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.rg-feat .fi .ico{width:20px;height:20px}
.rg-feat b{display:block;font-size:16px;font-weight:600;color:var(--g-tx)}
.rg-feat small{display:block;margin-top:2px;font-size:14px;font-weight:500;line-height:1.4;color:var(--g-faint)}
.rg-pro .fstat{margin-top:auto}
.rg-form{display:flex;flex-direction:column;gap:20px;padding:32px 40px;background:rgba(0,0,0,.18)}
.rg-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rg-steps{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--g-faint)}
.rg-steps span{display:flex;align-items:center;gap:6px}
.rg-steps i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:600;border:1px solid var(--g-line2)}
.rg-steps .on{color:var(--g-tx)}.rg-steps .on i{background:var(--g-act);border-color:var(--g-act);color:var(--g-act-tx)}
.rg-steps .dn i{background:var(--ok);border-color:var(--ok);color:#062a1f}
.rg-steps .dn i .ico{width:12px;height:12px;stroke-width:2.4}
.rg-steps em{width:14px;height:1px;background:var(--g-line2)}
.rg-body{display:flex;flex-direction:column;gap:16px;animation:artIn .4s var(--spring) both}
.rg-body h2{margin:0;font-size:22px;font-weight:600;color:var(--g-tx)}
.rg-body>p.lead{margin:-8px 0 0;font-size:14px;font-weight:500;color:var(--g-dim);line-height:1.45}
.rg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rg-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.rg-meter i{height:4px;border-radius:2px;background:rgba(255,255,255,.08);transition:background-color .25s}
.rg-meter[data-s="1"] i:nth-child(-n+1){background:#ff6b6f}
.rg-meter[data-s="2"] i:nth-child(-n+2){background:#ffb36b}
.rg-meter[data-s="3"] i:nth-child(-n+3){background:#e8c77f}
.rg-meter[data-s="4"] i{background:var(--ok)}
.rg-req{display:flex;flex-wrap:wrap;gap:6px}
.rg-req span{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:600;color:var(--g-faint);background:rgba(255,255,255,.04);transition:color .2s,background-color .2s}
.rg-req span .ico{width:12px;height:12px;stroke-width:2.2}
.rg-req span.ok{color:var(--ok);background:rgba(95,211,168,.1)}
.rg-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rg-role{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid var(--g-line2);text-align:left;transition:border-color .2s,background-color .2s,transform .3s var(--spring)}
.rg-role:active{transform:scale(.98)}
.rg-role b{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--g-tx)}
.rg-role b .ico{width:18px;height:18px}
.rg-role small{font-size:14px;font-weight:500;color:var(--g-faint);line-height:1.35}
.rg-role[aria-checked="true"]{border-color:var(--g-act);background:rgba(255,255,255,.06)}
.rg-role[aria-checked="true"]::after{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--g-act);box-shadow:0 0 0 4px rgba(241,239,238,.15)}
.rg-note{display:flex;gap:10px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;color:#e8c77f;background:rgba(212,174,98,.08);border:1px solid rgba(212,174,98,.25)}
.rg-note .ico{width:18px;height:18px;flex:none;margin-top:1px}
.rg-body .btn.wide{width:100%;height:48px;font-size:16px}
.rg-or{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--g-faint)}
.rg-or::before,.rg-or::after{content:"";flex:1;height:1px;background:var(--g-line)}
.rg-alt{text-align:center;font-size:14px;font-weight:500;color:var(--g-faint)}
.rg-alt button,.rg-link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.rg-code{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.rg-code input{width:100%;height:60px;border-radius:14px;background:rgba(0,0,0,.4);border:1px solid var(--g-line2);text-align:center;color:#fff;font:600 22px var(--font);outline:0;transition:border-color .2s,box-shadow .2s}
.rg-code input:focus{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.07)}
.rg-code input.f{border-color:rgba(255,255,255,.3)}
.rg-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:24px}
.rg-done .big{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;color:#062a1f;background:linear-gradient(180deg,#6fe0b4,#34a97f 55%,#1f7a5c);box-shadow:0 18px 40px -12px rgba(52,169,127,.6);animation:pop .5s var(--spring) both}
.rg-done .big .ico{width:36px;height:36px;stroke-width:2}
.rg-done p{margin:0;font-size:16px;font-weight:500;color:var(--g-dim);line-height:1.5;max-width:400px}
.rg-done .rg-note{text-align:left;width:100%}
.rg-btns{display:flex;gap:10px;width:100%}.rg-btns .btn{flex:1}
@media (max-width:1000px){.rg{grid-template-columns:1fr}.rg-pro{display:none}}
@media (max-width:720px){
  .rg{min-height:0}
  .rg-form{padding:20px 16px}
  .rg-row,.rg-roles{grid-template-columns:1fr}
  .rg-code input{height:52px}
  .rg-steps b{display:none}
}
/* на странице регистрации пользователь как будто не вошёл: прячем сделки, уведомления и админку в шапке */
body[data-page="register"] .hdeals,body[data-page="register"] .hwrap,body[data-page="register"] .hadm{display:none!important}