/* ============ TROPHIC — auth page (login / register + neurons) ============ */

html,body{height:100%}
body.auth-page{
  overflow:hidden;
  background:radial-gradient(ellipse 80% 60% at 50% 40%,#0d0d10,var(--bg) 70%);
}

#neurons{position:fixed;inset:0;z-index:0}

/* sosirea din intro: pagina pornește portocalie și se dizolvă lin spre login */
#floodIn{
  position:fixed;inset:0;z-index:300;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,var(--orange-hot) 0%,var(--orange) 45%);
  opacity:1;
  transition:opacity .9s cubic-bezier(.4,0,.2,1);
}
#floodIn.out{opacity:0}
#floodIn[hidden]{display:none}

/* sosirea cu logoul „aterizat": brandul e vizibil din prima,
   restul paginii se dizolvă înăuntru */
body.arrive #neurons,
body.arrive .auth-motto,
body.arrive .auth-wrap{opacity:0}
body.arrive.arrived #neurons,
body.arrive.arrived .auth-motto,
body.arrive.arrived .auth-wrap{
  opacity:1;
  transition:opacity .65s ease .12s;
}

.auth-brand{
  position:fixed;top:32px;left:40px;z-index:10;
  font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:.08em;
}
.auth-brand b{color:var(--orange)}
.auth-motto{
  position:fixed;top:64px;left:40px;z-index:10;
  font-family:var(--mono);font-size:10px;letter-spacing:.45em;
  text-transform:uppercase;color:var(--muted);
}

.auth-wrap{
  position:relative;z-index:5;
  min-height:100svh;display:flex;align-items:center;justify-content:center;
  padding:20px;
}

/* cardul refolosește .modal / .tabs / .field din modals.css */
.auth-card{
  background:rgba(16,16,18,.88);
  backdrop-filter:blur(10px);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,106,0,.08);
  animation:fadeUp .5s cubic-bezier(.2,.7,.2,1);
}

/* mesaje pozitive (verificare trimisă, parolă schimbată...) */
.form-msg{color:#3ddc7a;font-size:13px;min-height:0;margin-bottom:12px;font-family:var(--mono);line-height:1.7}
.form-msg:empty{display:none}
.form-msg a{color:var(--orange);text-decoration:underline}

.auth-links{
  margin-top:18px;text-align:center;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;
}
.auth-links a{color:var(--muted);transition:.2s;border-bottom:1px solid transparent}
.auth-links a:hover{color:var(--orange);border-color:var(--orange)}

@media (max-width:700px){
  .auth-brand{left:24px}
  .auth-motto{left:24px}
}