/* === account-auth-lk.css === */
/* ==========================================================================
   ВикСейл — Страница входа в личный кабинет
   Стиль: как /account/ (тёмное стекло, неон, Manrope). Токены из lk.css.
   Путь:  /styles/account-auth-lk.css
   ========================================================================== */

:root{
  --primary:#6C63FF;
  --gold:#FFD700;
  --neon-cyan:#94adae;
  --neon-pink:#ff5db1;
  --bg-primary:#1e1e3a;
  --bg-secondary:#252550;
  --bg-card:#2e2e5a;
  --bg-glass:rgba(40,40,80,.55);
  --text-primary:#f0f0ff;
  --text-secondary:rgba(240,240,255,.72);
  --text-muted:rgba(240,240,255,.5);
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(0,243,255,.22);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --font:'Manrope','Inter',-apple-system,'Segoe UI',sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body.lk-auth-page{
  min-height:100vh;
  color:var(--text-primary);
  font-family:var(--font);
  font-size:15px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
}

/* фон с неоновыми пятнами */
.lk-auth-bg{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse at 15% 10%, rgba(0,243,255,.14), transparent 45%),
    radial-gradient(ellipse at 85% 90%, rgba(255,93,177,.12), transparent 45%),
    radial-gradient(ellipse at 50% 50%, rgba(108,99,255,.08), transparent 60%);
}
.lk-auth-bg::before, .lk-auth-bg::after{
  content:""; position:absolute; width:420px; height:420px;
  border-radius:50%; filter:blur(80px); opacity:.35;
}
.lk-auth-bg::before{ top:-120px; left:-120px; background:var(--neon-cyan); }
.lk-auth-bg::after{ bottom:-120px; right:-120px; background:var(--neon-pink); }

/* шапка */
.lk-auth-hdr{
  position:relative; z-index:1;
  padding:20px 24px;
}
.lk-auth-hdr__inner{
  max-width:1240px; margin:0 auto;
  display:flex; align-items:center; gap:20px;
}
.lk-auth-logo{
  display:flex; align-items:center; gap:12px;
  text-decoration:none; color:var(--text-primary);
}
.lk-auth-logo__iw{
  width:40px; height:40px; border-radius:12px;
  background:linear-gradient(135deg, var(--primary), var(--neon-pink));
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.lk-auth-logo__iw img{ width:100%; height:100%; object-fit:contain; }
.lk-auth-logo__text h1{
  margin:0; font-size:17px; font-weight:800; letter-spacing:.2px;
}
.lk-auth-logo__text h1 em{ color:var(--neon-cyan); font-style:normal; }
.lk-auth-logo__tagline{
  margin:0; font-size:11.5px; color:var(--text-muted); font-weight:600;
}
.lk-auth-hdr__actions{
  margin-left:auto; display:flex; align-items:center; gap:8px;
}
.lk-auth-hdr__link{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 14px; border-radius:10px;
  font-size:12.5px; font-weight:700;
  color:var(--text-secondary); text-decoration:none;
  border:1px solid transparent;
  transition:.15s;
}
.lk-auth-hdr__link:hover{
  color:var(--text-primary); background:rgba(255,255,255,.04);
  border-color:var(--line);
}

/* кнопка темы */
.lk-auth-theme-toggle{
  width:38px; height:38px; padding:0; border-radius:10px;
  border:1px solid var(--line); background:rgba(255,255,255,.03);
  color:var(--text-secondary); cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  transition:.15s; font-family:inherit;
}
.lk-auth-theme-toggle:hover{
  color:var(--text-primary); border-color:var(--line-strong);
  background:rgba(0,243,255,.06);
}
.lk-auth-theme-toggle svg{ width:16px; height:16px; }
.lk-auth-theme-toggle .ti--moon{ display:none; }
body.light-theme .lk-auth-theme-toggle .ti--sun{ display:none; }
body.light-theme .lk-auth-theme-toggle .ti--moon{ display:block; }

/* основной контент */
.lk-auth-main{
  position:relative; z-index:1;
  flex:1;
  display:flex; align-items:center; justify-content:center;
  padding:20px 20px 40px;
}

/* карточка */
.lk-auth-card{
  position:relative; overflow:hidden;
  width:100%; max-width:440px;
  padding:34px 32px 28px;
  border-radius:22px;
  background:var(--bg-glass);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.lk-auth-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; z-index:0;
  pointer-events:none;
  background:linear-gradient(140deg, rgba(0,243,255,.35), rgba(255,93,177,.25) 55%, rgba(0,243,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.7;
}

.lk-auth-card__badge{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; gap:7px;
  padding:5px 11px; margin-bottom:16px;
  border-radius:999px; font-size:10.5px; font-weight:800;
  letter-spacing:.6px; text-transform:uppercase;
  color:var(--neon-cyan);
  background:rgba(0,243,255,.08);
  border:1px solid rgba(0,243,255,.24);
}
.lk-auth-card__dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--neon-cyan); box-shadow:0 0 8px var(--neon-cyan);
  animation:lk-auth-pulse 1.8s ease-in-out infinite;
}
@keyframes lk-auth-pulse{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.6; transform:scale(1.3); }
}

.lk-auth-title{
  position:relative; z-index:1;
  display:flex; align-items:center; gap:10px;
  margin:0 0 8px; font-size:26px; font-weight:900;
  letter-spacing:-.3px;
}
.lk-auth-title__icon{
  width:38px; height:38px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,243,255,.14), rgba(108,99,255,.16));
  color:var(--neon-cyan); font-size:16px;
}

.lk-auth-card__sub{
  position:relative; z-index:1;
  margin:0 0 22px; font-size:13px; line-height:1.5;
  color:var(--text-secondary);
}

/* ошибка */
.lk-auth-alert{
  position:relative; z-index:1;
  display:flex; gap:10px; align-items:flex-start;
  padding:12px 14px; margin-bottom:16px;
  border-radius:12px; font-size:12.5px; font-weight:600;
}
.lk-auth-alert--error{
  color:#ff9bb6;
  background:rgba(255,60,90,.09);
  border:1px solid rgba(255,60,90,.28);
}

/* поля */
.lk-field{ position:relative; z-index:1; display:block; margin-bottom:16px; }
.lk-field__lbl{
  display:flex; align-items:center; gap:7px;
  font-size:11.5px; font-weight:700;
  color:var(--text-secondary); margin-bottom:7px;
  letter-spacing:.2px; text-transform:uppercase;
}
.lk-input{
  width:100%; padding:13px 15px;
  border-radius:12px;
  background:rgba(0,0,0,.28);
  border:1px solid var(--line);
  color:var(--text-primary);
  font-family:var(--font); font-size:14px;
  transition:.15s;
}
.lk-input::placeholder{ color:var(--text-muted); }
.lk-input:focus{
  outline:none;
  border-color:rgba(0,243,255,.55);
  box-shadow:0 0 0 3px rgba(0,243,255,.12);
  background:rgba(0,0,0,.35);
}

.lk-pass{ position:relative; }
.lk-pass .lk-input{ padding-right:48px; }
.lk-pass__toggle{
  position:absolute; top:50%; right:8px; transform:translateY(-50%);
  width:34px; height:34px; border-radius:9px;
  border:0; background:transparent;
  color:var(--text-muted); cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  transition:.15s;
}
.lk-pass__toggle:hover{
  color:var(--neon-cyan); background:rgba(0,243,255,.08);
}

/* кнопка */
.lk-btn{
  position:relative; z-index:1; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  width:100%; min-height:48px; padding:13px 20px;
  border-radius:12px; border:0; cursor:pointer;
  font-family:var(--font); font-size:14px; font-weight:800;
  letter-spacing:.2px;
  color:#0e0f22;
  background:linear-gradient(120deg, var(--neon-cyan), #4b7bff 60%, var(--primary));
  transition:filter .18s, transform .12s;
  -webkit-tap-highlight-color:transparent;
}
.lk-btn:hover{ filter:brightness(1.08); }
.lk-btn:active{ transform:translateY(1px); }
.lk-btn::after{
  content:""; position:absolute; top:0; bottom:0; left:-70%; width:40%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg); pointer-events:none;
  animation:lk-btn-shine 3s ease-in-out infinite;
}
@keyframes lk-btn-shine{
  0%{ left:-70%; } 14%{ left:130%; } 100%{ left:130%; }
}
@media (prefers-reduced-motion:reduce){
  .lk-btn::after{ animation:none; display:none; }
  .lk-auth-card__dot{ animation:none; }
}

/* ссылки под формой */
.lk-auth-links{
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:8px;
  margin-top:22px; padding-top:18px;
  border-top:1px solid var(--line);
}
.lk-auth-links a{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:700;
  color:var(--text-secondary); text-decoration:none;
  transition:.15s;
}
.lk-auth-links a:hover{ color:var(--neon-cyan); }

/* подвал */
.lk-auth-footer{
  position:relative; z-index:1;
  padding:20px 24px 26px; text-align:center;
  font-size:11.5px; color:var(--text-muted);
}
.lk-auth-footer span{ color:var(--text-secondary); }

/* светлая тема */
body.light-theme{
  --bg-primary:#f4f4fb;
  --bg-secondary:#ffffff;
  --bg-card:#ffffff;
  --bg-glass:rgba(255,255,255,.72);
  --text-primary:#17182f;
  --text-secondary:rgba(23,24,47,.7);
  --text-muted:rgba(23,24,47,.5);
  --line:rgba(23,24,47,.1);
  --line-strong:rgba(108,99,255,.3);
}
body.light-theme .lk-auth-bg::before{ opacity:.2; }
body.light-theme .lk-auth-bg::after{ opacity:.18; }
body.light-theme .lk-input{ background:rgba(0,0,0,.03); }
body.light-theme .lk-auth-card{ box-shadow:0 24px 60px rgba(23,24,47,.12); }

@media (max-width:520px){
  .lk-auth-card{ padding:26px 22px 22px; border-radius:18px; }
  .lk-auth-title{ font-size:22px; }
  .lk-auth-hdr__link-text{ display:none; }
}
/* ==========================================================================
   Дополнительные блоки для register.php / verify.php / verify-email-change.php
   ========================================================================== */

.lk-auth-card--narrow{ max-width:480px; }
.lk-auth-card--center{ text-align:center; }
.lk-auth-card__title{
  position:relative; z-index:1; margin:0 0 10px;
  font-size:22px; font-weight:900; letter-spacing:-.2px;
}
.lk-auth-card__sub--center{ text-align:center; }

/* иконка-статус для verify-страниц */
.lk-auth-icon{
  position:relative; z-index:1;
  width:88px; height:88px; margin:0 auto 22px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; font-size:38px; border:1px solid transparent;
}
.lk-auth-icon--success{
  color:#66f0b0;
  background:rgba(0,255,136,.1);
  border-color:rgba(0,255,136,.32);
  box-shadow:0 0 24px rgba(0,255,136,.25);
}
.lk-auth-icon--warning{
  color:#ffd700;
  background:rgba(255,215,0,.1);
  border-color:rgba(255,215,0,.32);
  box-shadow:0 0 24px rgba(255,215,0,.25);
}
.lk-auth-icon--error{
  color:#ff7a9c;
  background:rgba(255,60,90,.1);
  border-color:rgba(255,60,90,.32);
  box-shadow:0 0 24px rgba(255,60,90,.25);
}

/* success-алерт */
.lk-auth-alert--success{
  color:#66f0b0;
  background:rgba(0,255,136,.08);
  border:1px solid rgba(0,255,136,.3);
}
.lk-auth-alert ul{ margin:0; padding-left:18px; }
.lk-auth-alert li + li{ margin-top:4px; }
.lk-auth-alert a{ color:var(--neon-cyan); text-decoration:none; }
.lk-auth-alert a:hover{ text-decoration:underline; }

/* dev-ссылка */
.lk-auth-debug{
  position:relative; z-index:1;
  margin-bottom:16px; padding:12px 14px;
  border-radius:12px; font-size:12px; line-height:1.55;
  color:#ffd700;
  background:rgba(255,215,0,.07);
  border:1px solid rgba(255,215,0,.3);
  word-break:break-all;
  text-align:left;
}
.lk-auth-debug a{ color:var(--neon-cyan); text-decoration:none; }
.lk-auth-debug a:hover{ text-decoration:underline; }

/* подсказка под полем */
.lk-auth-hint{
  display:flex; align-items:center; gap:6px;
  margin-top:8px; font-size:11.5px;
  color:var(--text-muted);
}

/* чекбоксы-согласия */
.lk-auth-consent{
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:12px;
  margin:18px 0 4px;
}
.lk-auth-consent.has-error{
  padding:10px 12px; margin-left:-12px; margin-right:-12px;
  border-radius:12px;
  background:rgba(255,60,90,.07);
  border:1px solid rgba(255,60,90,.25);
}
.lk-auth-consent__label{
  display:flex; align-items:flex-start; gap:10px;
  font-size:12.5px; line-height:1.55;
  color:var(--text-secondary); cursor:pointer;
}
.lk-auth-consent__label input[type="checkbox"]{
  flex:none; width:18px; height:18px; margin-top:2px;
  accent-color:var(--neon-cyan); cursor:pointer;
}
.lk-auth-consent__label a{
  color:var(--neon-cyan); text-decoration:none;
}
.lk-auth-consent__label a:hover{ text-decoration:underline; }
.lk-auth-consent__star{
  color:var(--neon-pink); font-weight:800;
}

/* колонка кнопок на verify-страницах */
.lk-auth-actions{
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:10px;
}

/* ghost-кнопка */
.lk-btn--ghost{
  background:transparent;
  color:var(--text-secondary);
  border:1px solid var(--line);
  box-shadow:none;
}
.lk-btn--ghost:hover{
  color:var(--text-primary);
  border-color:var(--line-strong);
  background:rgba(0,243,255,.05);
  filter:none;
}
.lk-btn--ghost::after{ display:none; }
/* ==========================================================================
   Ссылки в auth-стилистике — явные стили для всех состояний
   Причина: без явного :visited браузеры красят посещённые ссылки в
   фиолетовый (#551A8B / #669), что не входит в палитру сайта.
   ========================================================================== */

.lk-auth-page a{
  text-decoration:none;
  transition:color .15s ease, text-decoration-color .15s ease, opacity .15s ease;
  -webkit-tap-highlight-color:transparent;
}

/* Ссылки внутри чекбоксов-согласий (документы) */
.lk-auth-page .lk-auth-consent__label a,
.lk-auth-page .lk-auth-consent__label a:link,
.lk-auth-page .lk-auth-consent__label a:visited,
.lk-auth-page .lk-auth-consent__label a:active{
  color:var(--neon-cyan);
  text-decoration:underline;
  text-decoration-color:rgba(0,243,255,.35);
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
.lk-auth-page .lk-auth-consent__label a:hover,
.lk-auth-page .lk-auth-consent__label a:focus-visible{
  color:#ffffff;
  text-decoration-color:#ffffff;
  outline:none;
}

/* Ссылки внутри алертов (ошибки/успех) */
.lk-auth-page .lk-auth-alert a,
.lk-auth-page .lk-auth-alert a:link,
.lk-auth-page .lk-auth-alert a:visited,
.lk-auth-page .lk-auth-alert a:active{
  color:var(--neon-cyan);
  text-decoration:underline;
  text-decoration-color:rgba(0,243,255,.4);
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
.lk-auth-page .lk-auth-alert a:hover,
.lk-auth-page .lk-auth-alert a:focus-visible{
  color:#ffffff;
  text-decoration-color:#ffffff;
  outline:none;
}

/* Ссылки под формой (перейти ко входу / на главную) */
.lk-auth-page .lk-auth-links a,
.lk-auth-page .lk-auth-links a:link,
.lk-auth-page .lk-auth-links a:visited,
.lk-auth-page .lk-auth-links a:active{
  color:var(--text-secondary);
  text-decoration:none;
}
.lk-auth-page .lk-auth-links a:hover,
.lk-auth-page .lk-auth-links a:focus-visible{
  color:var(--neon-cyan);
  outline:none;
}

/* Ссылки в мини-шапке */
.lk-auth-page .lk-auth-hdr__link,
.lk-auth-page .lk-auth-hdr__link:link,
.lk-auth-page .lk-auth-hdr__link:visited,
.lk-auth-page .lk-auth-hdr__link:active{
  color:var(--text-secondary);
}
.lk-auth-page .lk-auth-hdr__link:hover,
.lk-auth-page .lk-auth-hdr__link:focus-visible{
  color:var(--text-primary);
  outline:none;
}

/* Логотип */
.lk-auth-page .lk-auth-logo,
.lk-auth-page .lk-auth-logo:link,
.lk-auth-page .lk-auth-logo:visited,
.lk-auth-page .lk-auth-logo:active{
  color:var(--text-primary);
  text-decoration:none;
}

/* Ссылка в dev-плашке (debugVerifyLink) */
.lk-auth-page .lk-auth-debug a,
.lk-auth-page .lk-auth-debug a:link,
.lk-auth-page .lk-auth-debug a:visited,
.lk-auth-page .lk-auth-debug a:active{
  color:var(--neon-cyan);
  text-decoration:underline;
  text-decoration-color:rgba(0,243,255,.4);
  text-underline-offset:2px;
}
.lk-auth-page .lk-auth-debug a:hover,
.lk-auth-page .lk-auth-debug a:focus-visible{
  color:#ffffff;
  text-decoration-color:#ffffff;
  outline:none;
}

/* Футер */
.lk-auth-page .lk-auth-footer a,
.lk-auth-page .lk-auth-footer a:visited{
  color:var(--neon-cyan);
  text-decoration:none;
}
.lk-auth-page .lk-auth-footer a:hover{ color:#ffffff; }

/* Светлая тема — циан плохо читается на белом, заменяем на насыщенный синий */
body.light-theme.lk-auth-page .lk-auth-consent__label a,
body.light-theme.lk-auth-page .lk-auth-consent__label a:link,
body.light-theme.lk-auth-page .lk-auth-consent__label a:visited,
body.light-theme.lk-auth-page .lk-auth-alert a,
body.light-theme.lk-auth-page .lk-auth-alert a:link,
body.light-theme.lk-auth-page .lk-auth-alert a:visited,
body.light-theme.lk-auth-page .lk-auth-debug a,
body.light-theme.lk-auth-page .lk-auth-debug a:visited,
body.light-theme.lk-auth-page .lk-auth-footer a,
body.light-theme.lk-auth-page .lk-auth-footer a:visited{
  color:#0066c9;
  text-decoration-color:rgba(0,102,201,.4);
}
body.light-theme.lk-auth-page .lk-auth-consent__label a:hover,
body.light-theme.lk-auth-page .lk-auth-consent__label a:focus-visible,
body.light-theme.lk-auth-page .lk-auth-alert a:hover,
body.light-theme.lk-auth-page .lk-auth-debug a:hover,
body.light-theme.lk-auth-page .lk-auth-footer a:hover{
  color:#004a99;
  text-decoration-color:#004a99;
}
body.light-theme.lk-auth-page .lk-auth-links a,
body.light-theme.lk-auth-page .lk-auth-links a:visited{
  color:rgba(23,24,47,.72);
}
body.light-theme.lk-auth-page .lk-auth-links a:hover{
  color:#0066c9;
}
/* ==========================================================================
   Светлая тема — точечные правки (2026-09)
   Неоновые переменные уже заменены глобально в variables.css.
   Здесь убираем остатки «светлого неона» в местах, где он был прописан
   напрямую (#94adae, #ff5db1), и заменяем на аналогичные тёмные оттенки.
   ========================================================================== */

body.light-theme.lk-auth-page .lk-auth-card__badge{
  color:#0369a1;
  background:rgba(3,105,161,.08);
  border-color:rgba(3,105,161,.26);
}
body.light-theme.lk-auth-page .lk-auth-card__dot{
  background:#0369a1;
  box-shadow:0 0 6px rgba(3,105,161,.6);
}
body.light-theme.lk-auth-page .lk-auth-title__icon{
  background:linear-gradient(135deg, rgba(3,105,161,.14), rgba(91,82,224,.16));
  color:#0369a1;
}
body.light-theme.lk-auth-page .lk-auth-logo__text h1 em{
  color:#0369a1;
}
body.light-theme.lk-auth-page .lk-auth-hdr__link:hover,
body.light-theme.lk-auth-page .lk-auth-links a:hover,
body.light-theme.lk-auth-page .lk-auth-footer a:hover{
  color:#0369a1;
}
body.light-theme.lk-auth-page .lk-input:focus{
  border-color:#0369a1;
  box-shadow:0 0 0 3px rgba(3,105,161,.12);
}
body.light-theme.lk-auth-page .lk-btn{
  /* кнопка на светлой теме: убираем свечение «бегущего света» ярко-циановым */
  background:linear-gradient(120deg,#0e7490,#5b52e0);
  color:#fff;
}
body.light-theme.lk-auth-page .lk-btn::after{
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
}
body.light-theme.lk-auth-page .lk-pass__toggle:hover{
  color:#0369a1;
  background:rgba(3,105,161,.08);
}
body.light-theme.lk-auth-page .lk-auth-icon--success{
  color:#047857;
  background:rgba(4,120,87,.08);
  border-color:rgba(4,120,87,.3);
  box-shadow:0 0 12px rgba(4,120,87,.12);
}
body.light-theme.lk-auth-page .lk-auth-icon--warning{
  color:#b45309;
  background:rgba(180,83,9,.08);
  border-color:rgba(180,83,9,.3);
  box-shadow:0 0 12px rgba(180,83,9,.12);
}
body.light-theme.lk-auth-page .lk-auth-icon--error{
  color:#be123c;
  background:rgba(190,18,60,.08);
  border-color:rgba(190,18,60,.3);
  box-shadow:0 0 12px rgba(190,18,60,.12);
}
body.light-theme.lk-auth-page .lk-auth-alert--error{
  color:#9f1239;
  background:rgba(190,18,60,.07);
  border-color:rgba(190,18,60,.28);
}
body.light-theme.lk-auth-page .lk-auth-alert--success{
  color:#047857;
  background:rgba(4,120,87,.07);
  border-color:rgba(4,120,87,.28);
}
body.light-theme.lk-auth-page .lk-auth-debug{
  color:#92400e;
  background:rgba(180,83,9,.06);
  border-color:rgba(180,83,9,.28);
}
body.light-theme.lk-auth-page .lk-auth-consent__star{
  color:#be185d;
}