<style>
/* =========================
   UNIATHENEO – AREA STUDENTI
   LOGIN WOW (SCOPED) – DEFINITIVO
========================= */

/* ISOLAMENTO TOTALE DALLA PAGINA */
.ua-login{
  all: initial;
  display:block;
  --bg1:#0a1626;
  --bg2:#060f1d;
  --card:rgba(0,0,0,.25);
  --border:rgba(255,255,255,.12);
  --text:#ffffff;
  --muted:rgba(255,255,255,.75);
  --accent:#3cc7ff;
  --accent2:#7b5cff;

  color:var(--text);
  max-width:880px;
  margin:0 auto;
  padding:40px 20px 120px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  position:relative;
  z-index:99999;
}

/* reset sicuro */
.ua-login *{
  box-sizing:border-box;
  pointer-events:auto !important;
}
.ua-login a{color:#fff;text-decoration:underline;}

.ua-box{
  background:linear-gradient(135deg,var(--bg1),var(--bg2));
  border:1px solid var(--border);
  border-radius:26px;
  padding:28px;
  box-shadow:0 30px 70px rgba(0,0,0,.45);
  position:relative;
  overflow:hidden;
}

/* glow decorativo */
.ua-box::before{
  content:"";
  position:absolute;
  inset:-120px;
  background:
    radial-gradient(closest-side, rgba(60,199,255,.16), transparent 70%),
    radial-gradient(closest-side, rgba(123,92,255,.14), transparent 72%);
  transform:translate(20%, -10%);
  filter:blur(2px);
  pointer-events:none;
  z-index:0;
}

.ua-head,
.ua-tabs,
.ua-panels,
.ua-card{
  position:relative;
  z-index:2;
}

.ua-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.ua-title{
  margin:0;
  font-size:clamp(26px,3vw,34px);
  color:#fff;
}
.ua-sub{
  margin-top:8px;
  color:var(--muted);
}
.ua-badge{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.06);
  font-size:12px;
  color:#fff;
}

.ua-tabs input{display:none;}
.ua-nav{
  display:flex;
  gap:10px;
  margin:20px 0;
}
.ua-nav label{
  cursor:pointer;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.06);
  color:var(--muted);
  font-size:13px;
}
#ua-login:checked ~ .ua-nav label[for="ua-login"],
#ua-recover:checked ~ .ua-nav label[for="ua-recover"],
#ua-request:checked ~ .ua-nav label[for="ua-request"]{
  color:#fff;
  background:linear-gradient(135deg,rgba(60,199,255,.25),rgba(123,92,255,.25));
}

.ua-panel{display:none;}
#ua-login:checked ~ .ua-panels #p-login,
#ua-recover:checked ~ .ua-panels #p-recover,
#ua-request:checked ~ .ua-panels #p-request{display:block;}

.ua-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
}
@media(max-width:820px){
  .ua-grid{grid-template-columns:1fr;}
  .ua-badge{display:none;}
}

.ua-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  padding:20px;
}

.ua-label{
  display:block;
  margin:12px 0 6px;
  font-size:12px;
  color:var(--muted);
}

.ua-input,
.ua-textarea{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:14px;
}

.ua-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:14px;
  gap:12px;
  flex-wrap:wrap;
}

.ua-btn{
  border:0;
  padding:12px 16px;
  border-radius:14px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  cursor:pointer;
}

.ua-link{font-size:13px;color:#fff;cursor:pointer;}

.ua-remember{
  display:flex;
  gap:8px;
  margin-top:12px;
  font-size:12px;
  color:var(--muted);
}

.ua-legal{
  margin-top:14px;
  font-size:12px;
  color:var(--muted);
}
</style>

<div class="ua-login">
  <div class="ua-box">

    <div class="ua-head">
      <div>
        <h2 class="ua-title">Area Studenti</h2>
        <p class="ua-sub">
          Accesso riservato agli studenti per consultare, caricare e gestire documenti personali.
        </p>
      </div>
      <div class="ua-badge">Accesso sicuro</div>
    </div>

    <div class="ua-tabs">
      <input type="radio" id="ua-login" name="ua-tab" checked>
      <input type="radio" id="ua-recover" name="ua-tab">
      <input type="radio" id="ua-request" name="ua-tab">

      <div class="ua-nav">
        <label for="ua-login">🔐 Login</label>
        <label for="ua-recover">♻ Recupera password</label>
        <label for="ua-request">📝 Richiedi accesso</label>
      </div>

      <div class="ua-panels">

        <!-- LOGIN -->
        <div id="p-login" class="ua-panel">
          <div class="ua-grid">
            <div class="ua-card">
              <form method="post" action="https://www.uniatheneo.it/wp-login.php">
                <input type="hidden" name="redirect_to" value="https://www.uniatheneo.it/area-clienti/dashboard/">

                <label class="ua-label">Username / Email</label>
                <input class="ua-input" name="log" required>

                <label class="ua-label">Password</label>
                <input class="ua-input" type="password" name="pwd" required>

                <label class="ua-remember">
                  <input type="checkbox" name="rememberme" value="forever"> Ricordami
                </label>

                <div class="ua-actions">
                  <button class="ua-btn">Accedi</button>
                  <label class="ua-link" for="ua-recover">Password dimenticata?</label>
                </div>

                <div class="ua-legal">
                  Accedendo accetti la <a href="/privacy-policy/">Privacy Policy</a>.
                </div>
              </form>
            </div>

            <div class="ua-card">
              <p>✅ Download e upload documenti</p>
              <p>✅ Cartella personale riservata</p>
              <p>✅ Accesso sicuro</p>
            </div>
          </div>
        </div>

        <!-- RECUPERO -->
        <div id="p-recover" class="ua-panel">
          <div class="ua-card">
            <form method="post" action="https://www.uniatheneo.it/wp-login.php?action=lostpassword">
              <label class="ua-label">Email</label>
              <input class="ua-input" name="user_login" type="email" required>

              <div class="ua-actions">
                <button class="ua-btn">Invia istruzioni</button>
                <label class="ua-link" for="ua-login">Torna al login</label>
              </div>
            </form>
          </div>
        </div>

        <!-- RICHIESTA -->
        <div id="p-request" class="ua-panel">
          <div class="ua-card">
            <form method="post" action="https://formsubmit.co/info@uniatheneo.it">
              <input type="hidden" name="_captcha" value="false">

              <label class="ua-label">Nome e Cognome</label>
              <input class="ua-input" name="Nome" required>

              <label class="ua-label">Email</label>
              <input class="ua-input" name="Email" type="email" required>

              <label class="ua-label">Facoltà</label>
              <input class="ua-input" name="Facoltà" required>

              <button class="ua-btn" style="margin-top:12px;">Invia richiesta</button>
            </form>
          </div>
        </div>

      </div>
    </div>

  </div>
</div>
