/* Live Chaos — login + /profile (Etap 6–7). Forms/actions unchanged. */
.auth-root,.settings-wrap{
  --bg0:var(--lc-bg-0);
  --bg1:var(--lc-bg-1);
  --card:var(--lc-surface);
  --line:var(--lc-border);
  --txt:var(--lc-text);
  --mut:var(--lc-text-muted);
  --a:var(--lc-primary);
  --b:var(--lc-electric);
  --surface:var(--lc-bg-2);
  --focus:0 0 0 3px var(--lc-focus);
  font-family:var(--lc-font);
}
html,body{background:var(--lc-bg-0)!important;color:var(--lc-text)!important}
html:has(.auth-root),body:has(.auth-root){overflow-x:hidden}
.auth-root{overflow-x:hidden}
.auth-bg,.login-background{
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#050914;
  isolation:isolate
}
.login-background > *{position:absolute;pointer-events:none}
.login-background__scene{position:absolute;inset:0;overflow:hidden}
.login-background__image{
  inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:20% 42%;
  transform:none;animation:lcKen 10s ease-in-out infinite;will-change:filter;user-select:none
}
.login-background__ambient{
  inset:0;opacity:.7;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 46% 40% at 22% 30%,rgba(109,49,255,.42),transparent 64%),
    radial-gradient(ellipse 38% 34% at 16% 58%,rgba(38,100,255,.32),transparent 62%),
    radial-gradient(ellipse 30% 26% at 42% 42%,rgba(39,215,255,.18),transparent 70%);
  animation:lcAmbient 5s ease-in-out infinite alternate;
  will-change:transform,opacity;transition:opacity .3s ease
}
.login-background__beam{
  inset:-12%;opacity:.85;filter:blur(24px);mix-blend-mode:screen;
  background:linear-gradient(118deg,transparent 36%,rgba(115,87,255,.38) 47%,rgba(47,128,255,.28) 51%,rgba(39,215,255,.22) 55%,transparent 66%);
  animation:lcBeam 6s ease-in-out infinite alternate;will-change:transform,opacity
}
.login-background__fog{
  inset:-18%;filter:blur(42px);will-change:transform,opacity;mix-blend-mode:screen
}
.login-background__fog--1{
  opacity:.4;
  background:radial-gradient(ellipse 55% 42% at 18% 82%,rgba(115,87,255,.5),transparent 70%);
  animation:lcFog1 8s ease-in-out infinite alternate
}
.login-background__fog--2{
  opacity:.32;
  background:radial-gradient(ellipse 48% 36% at 62% 48%,rgba(47,128,255,.36),transparent 72%);
  animation:lcFog2 10s ease-in-out infinite alternate
}
.login-background__particles{
  inset:0;opacity:.85;mix-blend-mode:screen;
  background-image:
    radial-gradient(1.8px 1.8px at 12% 22%,rgba(245,247,255,.95),transparent),
    radial-gradient(1.5px 1.5px at 38% 64%,rgba(39,215,255,.85),transparent),
    radial-gradient(2px 2px at 71% 31%,rgba(245,247,255,.8),transparent),
    radial-gradient(1.5px 1.5px at 84% 78%,rgba(115,87,255,.75),transparent),
    radial-gradient(1.6px 1.6px at 54% 12%,rgba(245,247,255,.7),transparent),
    radial-gradient(1.4px 1.4px at 28% 48%,rgba(39,215,255,.7),transparent);
  background-size:240px 240px,300px 300px,180px 220px,260px 260px,220px 280px,200px 200px;
  animation:lcDust 8s linear infinite
}
.login-background__monitor-glow{
  left:21.4%;top:32.4%;width:11.3%;height:15.2%;opacity:.55;filter:blur(18px);mix-blend-mode:screen;
  background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(47,128,255,.7),transparent 72%);
  animation:lcMonitor 2.4s ease-in-out infinite alternate;will-change:opacity
}
.login-background__city{
  left:16%;top:0;width:26%;height:36%;opacity:.7;filter:blur(18px);pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(ellipse 70% 80% at 50% 40%,rgba(47,128,255,.8),rgba(115,87,255,.28) 48%,transparent 72%);
  animation:lcCity 2.4s ease-in-out infinite alternate
}
.login-background__aurora{
  right:-6%;top:-8%;width:48%;height:70%;opacity:.5;filter:blur(36px);pointer-events:none;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 60% 50% at 70% 30%,rgba(115,87,255,.55),transparent 70%),
    radial-gradient(ellipse 40% 40% at 80% 60%,rgba(39,215,255,.32),transparent 72%);
  animation:lcAurora 6s ease-in-out infinite alternate
}
.login-background__scan{
  left:21.5%;top:32.6%;width:11.2%;height:14.8%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;
  border-radius:3px;background:transparent
}
.login-background__scan::after{
  content:"";position:absolute;left:0;right:0;height:30%;
  background:linear-gradient(180deg,transparent,rgba(39,215,255,.7),transparent);
  filter:blur(3px);animation:lcScan 3.6s linear infinite
}
.login-background__shade{
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,6,15,0) 0%,rgba(3,6,15,.12) 55%,rgba(3,6,15,.62) 100%),
    radial-gradient(ellipse 90% 80% at 50% 50%,transparent 55%,rgba(5,9,20,.22) 100%)
}
.auth-root:has(.auth-btn:hover) .login-background__ambient{opacity:1}
.auth-root:has(.auth-btn:hover) .login-background__monitor-glow{opacity:.5}
@keyframes lcKen{
  0%{filter:brightness(1) saturate(1.06);transform:none}
  50%{filter:brightness(1.08) saturate(1.14);transform:none}
  100%{filter:brightness(1) saturate(1.06);transform:none}
}
@keyframes lcAmbient{
  from{transform:translate3d(0,0,0) scale(1);opacity:.28}
  to{transform:translate3d(5%,-4%,0) scale(1.12);opacity:.62}
}
@keyframes lcBeam{
  from{transform:translate3d(-8%,-4%,0) rotate(-3deg);opacity:.35}
  to{transform:translate3d(8%,6%,0) rotate(3deg);opacity:.9}
}
@keyframes lcFog1{
  from{transform:translate3d(0,6%,0) scale(1)}
  to{transform:translate3d(8%,-8%,0) scale(1.2)}
}
@keyframes lcFog2{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-7%,4%,0) scale(1.14)}
}
@keyframes lcDust{
  from{transform:translate3d(0,10%,0)}
  to{transform:translate3d(4%,-18%,0)}
}
@keyframes lcMonitor{
  from{opacity:.28}
  to{opacity:.7}
}
@keyframes lcCity{
  from{opacity:.4;transform:scale(1)}
  to{opacity:1;transform:scale(1.1)}
}
@keyframes lcAurora{
  from{opacity:.28;transform:translate3d(0,3%,0) scale(1)}
  to{opacity:.75;transform:translate3d(-4%,-3%,0) scale(1.12)}
}
@keyframes lcScan{
  0%{transform:translate3d(0,-100%,0);opacity:0}
  14%{opacity:.85}
  100%{transform:translate3d(0,100%,0);opacity:0}
}
@media(max-width:900px){
  .login-background__image{object-position:center 38%}
  .login-background__beam,.login-background__particles,.login-background__scan{display:none}
  .login-background__monitor-glow{opacity:.18;filter:blur(28px);animation-duration:8s}
  .login-background__fog--2{opacity:.08}
  .login-background__shade{
    background:
      linear-gradient(180deg,rgba(3,6,15,.28) 0%,rgba(3,6,15,.62) 42%,rgba(3,6,15,.88) 100%),
      radial-gradient(ellipse 90% 80% at 50% 20%,transparent 30%,rgba(5,9,20,.4) 100%)
  }
}
@media(min-width:1800px){
  .login-background__image{object-position:18% center}
}
@media(prefers-reduced-motion:reduce){
  .auth-card,.auth-btn{animation:none!important;transition:none!important}
}
.auth-logo-mark{
  background:linear-gradient(145deg,var(--lc-primary),var(--lc-electric))!important;
  border-color:transparent!important;
  color:#fff!important;
}
.auth-pitch{
  background:linear-gradient(90deg,#e9d7ff,#27d7ff 72%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.auth-card{
  border-color:rgba(120,145,190,.28)!important;
  background:rgba(17,27,45,.96)!important;
  backdrop-filter:blur(18px);
  border-radius:var(--lc-radius-lg)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.45)!important;
}
.settings-panel,.settings-side{
  border-color:var(--lc-border)!important;
  background:var(--lc-surface)!important;
  border-radius:var(--lc-radius-lg)!important;
  box-shadow:none!important;
}
.auth-btn,
.settings-actions .btn.primary,
.settings-nav a.primary{
  background:linear-gradient(135deg,var(--lc-primary),var(--lc-electric))!important;
  color:#fff!important;
  min-height:var(--lc-control)!important;
  transform:none!important;
}
.auth-btn:hover,
.settings-nav a:hover{transform:none!important}
.auth-field input,.settings-field input,.settings-field select,.settings-field textarea{
  min-height:var(--lc-control)!important;
  border-color:var(--lc-border)!important;
  border-radius:var(--lc-radius-md)!important;
  background:var(--lc-bg-2)!important;
}
.auth-field input:focus,.settings-field input:focus{
  border-color:var(--lc-border-active)!important;
  box-shadow:0 0 0 3px var(--lc-focus)!important;
}
.settings-wrap{background:var(--lc-bg-0)!important;color:var(--lc-text)!important;max-width:var(--lc-content-max);margin:0 auto;padding:24px}
.settings-top h1{letter-spacing:-.03em}
.settings-side button.active{
  background:linear-gradient(90deg,rgba(115,87,255,.18),rgba(47,128,255,.08))!important;
  box-shadow:inset 3px 0 0 var(--lc-primary);
  color:var(--lc-text)!important;
}
.settings-side button{min-height:var(--lc-control)!important;font-size:var(--lc-font-secondary)!important}
a{color:var(--lc-cyan)}