/* =========================================================================
   Autentificare + înregistrare (login.php, register.php): sticlă mată stil
   Apple, ca fereastra IQ Bot de pe landing (landing.css .bot-win), cu două
   sfere albastre în spatele cardului. Fișier separat ca să nu atingă restul
   aplicației (styles.css nu se reconstruiește - vezi build/rebuild-css.sh).
   ========================================================================= */
.auth-glass{background-color:#fff;background-image:
  radial-gradient(520px 380px at 85% 10%,rgba(56,189,248,.22),transparent 65%),
  radial-gradient(480px 400px at 10% 90%,rgba(99,102,241,.16),transparent 65%)}
html.dark .auth-glass{background-color:#050d1f;background-image:
  radial-gradient(700px 420px at 85% 10%,rgba(14,165,233,.24),transparent 60%),
  radial-gradient(640px 460px at 10% 90%,rgba(99,102,241,.24),transparent 60%)}

/* sferele: fără ceva colorat dedesubt, sticla nu se vede */
.auth-card{position:relative;isolation:isolate}
.auth-orbe i{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.auth-orbe i:first-child{width:230px;height:230px;top:-60px;right:-80px;background:linear-gradient(135deg,#38bdf8,#0a84ff);opacity:.75}
.auth-orbe i:last-child{width:250px;height:250px;bottom:-70px;left:-90px;background:linear-gradient(135deg,#0ea5e9,#6366f1);opacity:.55}
html.dark .auth-orbe i:first-child{opacity:.45}
html.dark .auth-orbe i:last-child{opacity:.35}
@media (max-width:560px){
  .auth-orbe i:first-child{width:160px;height:160px;top:-40px;right:-50px}
  .auth-orbe i:last-child{width:170px;height:170px;bottom:-50px;left:-60px}
}

/* cardul: fundal translucid + blur + saturație, margine luminoasă, reflexie sus */
.auth-glass .glass-surface{padding:32px;border-radius:28px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 70px -28px rgba(30,64,120,.35),0 2px 6px rgba(15,23,42,.04)}
html.dark .auth-glass .glass-surface{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.8)}
@media (max-width:480px){.auth-glass .glass-surface{padding:24px 20px;border-radius:24px}}

/* câmpurile */
.auth-glass .glass-input{background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);border-radius:14px;color:#0b1220;
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .2s,box-shadow .2s,background .2s}
.auth-glass .glass-input::placeholder{color:#94a3b8}
.auth-glass .glass-input:focus{outline:none;background:rgba(255,255,255,.92);border-color:rgba(10,132,255,.5);box-shadow:0 0 0 4px rgba(10,132,255,.14)}
html.dark .auth-glass .glass-input{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.1);color:#fff;box-shadow:none}
html.dark .auth-glass .glass-input:focus{background:rgba(0,0,0,.35);border-color:rgba(56,189,248,.55);box-shadow:0 0 0 4px rgba(56,189,248,.15)}

/* butonul principal: albastrul de la „trimite” din chat */
.auth-glass .glass-surface button[type=submit]{height:48px;border:0;border-radius:999px;color:#fff;font-size:15px;
  background:linear-gradient(180deg,#3b9bff,#0a84ff);box-shadow:0 10px 24px -10px rgba(10,132,255,.7);transition:filter .2s,transform .2s,box-shadow .2s}
.auth-glass .glass-surface button[type=submit]:hover{color:#fff;background:linear-gradient(180deg,#3b9bff,#0a84ff);filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(10,132,255,.75)}

/* cartonașele cu tipul de cont: tot sticlă (culorile de chenar/selecție rămân cele din pagină) */
.auth-glass .auth-rol>a{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 40px -24px rgba(30,64,120,.35)}
html.dark .auth-glass .auth-rol>a{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px -28px rgba(0,0,0,.8)}
@media (prefers-reduced-motion:reduce){.auth-glass .glass-surface button[type=submit]{transition:none}}
/* containerul sferelor nu ocupă loc (în grila cu tipurile de cont devenea o celulă) */
.auth-orbe{position:absolute;inset:0;pointer-events:none}
/* la înregistrare, deasupra cardului stau cartonașele cu tipul de cont: sfera de sus coboară */
.auth-rol+.auth-card .auth-orbe i:first-child{top:40px}
/* sub fundalul paginii nu rămâne o fâșie de altă culoare (tema închisă) */
body:has(.auth-glass){background:#fff}
html.dark body:has(.auth-glass){background:#050d1f}
/* butoanele-link din paginile de cont (app/pagina-cont.php: resetare, verificare email, invitație) */
.auth-glass a.auth-btn{height:48px;border:0;border-radius:999px;color:#fff;font-size:15px;opacity:1;
  background:linear-gradient(180deg,#3b9bff,#0a84ff);box-shadow:0 10px 24px -10px rgba(10,132,255,.7);transition:filter .2s,transform .2s}
.auth-glass a.auth-btn:hover{opacity:1;filter:brightness(1.06);transform:translateY(-1px)}
.auth-glass a.auth-btn-s{height:48px;border-radius:999px;font-size:15px;color:#0a6fd6;border:1px solid rgba(10,132,255,.35);
  background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.auth-glass a.auth-btn-s:hover{color:#0a6fd6;background:rgba(10,132,255,.1);border-color:rgba(10,132,255,.5)}
html.dark .auth-glass a.auth-btn-s{color:#7dd3fc;background:rgba(255,255,255,.05);border-color:rgba(56,189,248,.35)}
html.dark .auth-glass a.auth-btn-s:hover{color:#fff;background:rgba(56,189,248,.18)}
/* comutatorul RO / EN, sus în dreapta, pe sticlă */
.auth-limba{position:absolute;top:16px;right:16px;z-index:20}
.auth-limba .iq-limba{display:inline-flex;gap:2px;padding:3px;border-radius:999px;font-size:12.5px;font-weight:700;
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);
  box-shadow:0 6px 18px -10px rgba(30,64,120,.35)}
.auth-limba .iq-limba a{padding:5px 10px;border-radius:999px;color:#64748b;text-decoration:none}
.auth-limba .iq-limba a:hover{color:#0b1220}
.auth-limba .iq-limba a.on{background:linear-gradient(180deg,#3b9bff,#0a84ff);color:#fff}
.auth-limba .iq-limba i{display:none}