@charset "UTF-8";
/* Oteamos — стили трёх экранов входа */
.login{max-width:720px; margin:0 auto; padding:var(--space-7) var(--space-4) var(--space-5);}
.lg-brand{display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-7);}
.lg-logo{width:42px; height:42px; border-radius:calc(13px * var(--radius-scale)); background:var(--ink-strong); color:var(--text-on-accent);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; flex:0 0 auto;}
.lg-bn{font-size:16px; font-weight:800;}
.lg-bn span{display:block; font-size:13px; font-weight:600; color:var(--on-state-secondary);}
.lg-h{font-size:24px; font-weight:800; letter-spacing:-.02em; margin:0;}
.lg-sub{font-size:14px; color:var(--on-state-secondary); margin:6px 0 var(--space-5);}
.lg-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:var(--space-3);}
.lg-card{display:flex; align-items:center; gap:var(--space-3); padding:var(--space-4);
  background:var(--surface-card); border:1px solid var(--border-default); border-radius:calc(16px * var(--radius-scale));
  box-shadow:var(--shadow); text-decoration:none; color:inherit; cursor:pointer;}
.lg-card:hover{border-color:var(--border-neutral);}
.lg-card:focus-visible{outline:2px solid var(--accent-highlight); outline-offset:2px;}
.lg-card.soon{opacity:.55; box-shadow:none; cursor:default; pointer-events:none;}
.lg-av{width:40px; height:40px; border-radius:calc(13px * var(--radius-scale)); flex:0 0 auto; display:flex; align-items:center;
  justify-content:center; color:var(--text-on-accent); font-size:14px; font-weight:800;}
.lg-nm{flex:1; min-width:0; font-size:14px; font-weight:700;}
.lg-nm span{display:block; font-size:13px; font-weight:600; color:var(--text-secondary); margin-top:2px;}
.lg-chev{color:var(--text-secondary); flex:0 0 auto;}
.lg-chev svg{width:18px; height:18px; display:block;}
.lg-soon-tag{font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.03em;
  color:var(--text-secondary); background:var(--surface-muted); border-radius:calc(6px * var(--radius-scale)); padding:2px 6px; margin-top:4px; display:inline-block;}
.lg-back{display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-5);
  padding:var(--space-4); border-radius:calc(16px * var(--radius-scale)); background:var(--surface-muted);}
.lg-back-b{flex:1; min-width:0; font-size:14px;}
.lg-back-go{flex:0 0 auto; padding:11px 18px;}
.lg-foot{margin-top:var(--space-5); font-size:13px; color:var(--on-state-secondary); line-height:1.5;}
.lg-foot a{color:var(--accent-highlight-strong); font-weight:700;}

/* ФОРМА — вход, регистрация, приглашение */
.lg-form{display:block; margin-top:var(--space-5);}
.lg-h2{font-size:16px; font-weight:800; margin:var(--space-7) 0 var(--space-3);}

.lg-f{margin-bottom:var(--space-4);}
.lg-f label{display:block; font-size:13px; font-weight:700; color:var(--on-state-secondary); margin-bottom:6px;}
.lg-in{position:relative;}
.lg-f input{width:100%; box-sizing:border-box; font-family:inherit; font-size:15px; color:var(--text-primary);
  background:var(--surface-card); border:1px solid var(--border-neutral); border-radius:calc(12px * var(--radius-scale));
  padding:13px var(--space-4);}
.lg-f input::placeholder{color:var(--text-placeholder);}
.lg-f input:focus-visible{outline:2px solid var(--accent-highlight); outline-offset:1px; border-color:var(--accent-highlight);}
.lg-f.bad input{border-color:var(--status-urgent);}
.lg-err{margin-top:6px; font-size:13px; font-weight:600; color:var(--on-state-urgent);}
.lg-hint{margin-top:6px; font-size:13px; color:var(--on-state-secondary); line-height:1.45;}

.lg-in.pw input{padding-right:46px;}
.lg-eye{position:absolute; right:6px; top:50%; transform:translateY(-50%); width:34px; height:34px;
  display:flex; align-items:center; justify-content:center; padding:0; border:0; background:none;
  color:var(--text-secondary); cursor:pointer; border-radius:calc(9px * var(--radius-scale));}
.lg-eye svg{width:18px; height:18px; display:block;}
.lg-eye.on{color:var(--accent-highlight-strong);}
.lg-eye:focus-visible{outline:2px solid var(--accent-highlight); outline-offset:1px;}

.lg-rules{list-style:none; margin:calc(-1 * var(--space-2)) 0 var(--space-4); padding:0;
  display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-4);}
.lg-rules li{display:flex; align-items:center; gap:6px; font-size:13px; color:var(--on-state-secondary);}
.lg-rules li.ok{color:var(--on-state-positive); font-weight:600;}
.lg-rule-i{width:14px; height:14px; display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
.lg-rule-i svg{width:14px; height:14px; display:block;}
.lg-rules li:not(.ok) .lg-rule-i::before{content:''; width:11px; height:11px; border-radius:50%;
  border:1.5px solid var(--border-neutral);}

.lg-note{margin:0 0 var(--space-4); font-size:13px; color:var(--on-state-secondary); line-height:1.5;}
.lg-aside{margin:calc(-1 * var(--space-2)) 0 var(--space-4); font-size:13px; text-align:right;}
.lg-aside a{color:var(--accent-highlight-strong); font-weight:700;}
.lg-go{width:100%; display:block;}
.lg-acts{margin:var(--space-5) 0 0;}
.lg-acts .lg-go{text-align:center; text-decoration:none; box-sizing:border-box;}

.lg-alert{display:flex; align-items:flex-start; gap:var(--space-2); margin:var(--space-4) 0 0;
  padding:var(--space-3) var(--space-4); border-radius:calc(12px * var(--radius-scale));
  background:var(--status-urgent-soft); border:1px solid var(--state-critical-border);
  color:var(--on-soft-urgent); font-size:14px; font-weight:600; line-height:1.45;}
.lg-alert-i{flex:0 0 auto; display:flex; margin-top:1px;}
.lg-alert-i svg{width:17px; height:17px; display:block;}

.lg-said{display:flex; align-items:center; gap:var(--space-3); flex-wrap:wrap;
  margin-bottom:var(--space-4); padding:var(--space-3) var(--space-4);
  background:var(--surface-muted); border-radius:calc(12px * var(--radius-scale));}
.lg-said.bad{background:var(--status-urgent-soft);}
.lg-said-b{flex:1; min-width:0; font-size:14px; font-weight:700; word-break:break-word;}
.lg-said-k{display:block; font-size:13px; font-weight:600; color:var(--on-state-secondary);}
.lg-said .lg-err{flex:0 0 100%;}
.lg-link{border:0; background:none; padding:0; font-family:inherit; font-size:13px; font-weight:700;
  color:var(--accent-highlight-strong); cursor:pointer; flex:0 0 auto;}
.lg-link:focus-visible{outline:2px solid var(--accent-highlight); outline-offset:2px;}

button.lg-card{width:100%; text-align:left; font-family:inherit; font-size:inherit;}
button.lg-card:disabled{opacity:.55; cursor:default;}

.lg-wait{display:flex; align-items:center; gap:var(--space-2);}
.lg-spin{width:15px; height:15px; flex:0 0 auto; border-radius:50%;
  border:2px solid var(--border-neutral); border-top-color:var(--ink-strong);
  animation:lg-spin .7s linear infinite;}
@keyframes lg-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){ .lg-spin{animation-duration:2.4s;} }