/* Premium Glass UI - Employer Auth */

.ea-wrap{
  display:flex;
  justify-content:center;
  padding:48px 15px;
  min-height:100vh;
  background:
    radial-gradient(900px 400px at 20% 10%, rgba(124,58,237,.45), transparent 60%),
    radial-gradient(800px 380px at 90% 30%, rgba(37,99,235,.45), transparent 55%),
    radial-gradient(700px 320px at 40% 90%, rgba(16,185,129,.25), transparent 55%),
    linear-gradient(135deg,#0b1220,#0f172a);
}

.ea-card{
  width:100%;
  max-width:560px;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* ✅ Force header color even if theme overrides */
.ea-card .ea-header{
  padding:22px 20px !important;
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}

.ea-title{
  font-size:20px;
  font-weight:900;
}

.ea-subtitle{
  margin-top:4px;
  font-size:13px;
  opacity:.9;
}

.ea-tabs{
  display:flex;
  gap:10px;
  padding:14px 14px 0 14px;
}

.ea-tab{
  flex:1;
  padding:12px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.92);
  font-weight:800;
  transition:.18s ease;
  cursor:pointer;
}

.ea-tab:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
}

.ea-tab.is-active{
  background:linear-gradient(135deg, rgba(37,99,235,.95), rgba(124,58,237,.95));
  border-color:rgba(255,255,255,.25);
  box-shadow:0 12px 28px rgba(37,99,235,.28);
  color:#fff;
}

.ea-panels{
  padding:14px;
}

.ea-panel{ display:none; }
.ea-panel.is-active{ display:block; }

.ea-form{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.ea-label{
  display:block;
  margin-top:12px;
  margin-bottom:6px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:rgba(255,255,255,.88);
}

.ea-input{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(15,23,42,.35);
  color:#fff;
  font-size:14px;
  transition:.18s ease;
}

.ea-input::placeholder{ color:rgba(255,255,255,.55); }

.ea-input:focus{
  outline:none;
  border-color:rgba(99,102,241,.65);
  box-shadow:0 0 0 4px rgba(99,102,241,.20);
}

.ea-btn{
  width:100%;
  margin-top:16px;
  padding:13px 14px;
  border:none;
  border-radius:14px;
  font-weight:900;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  transition:.18s ease;
}

.ea-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(37,99,235,.28);
}

.ea-help{
  margin-top:10px;
  display:flex;
  justify-content:center;
  gap:8px;
  font-size:13px;
  color:rgba(255,255,255,.75);
}

.ea-link{
  color:#a78bfa;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}

.ea-link:hover{ text-decoration:underline; }

.ea-note{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.88);
  font-size:13px;
  line-height:1.5;
}

.ea-alert{
  margin:12px 14px 0 14px;
  padding:10px 12px;
  border-radius:14px;
  font-weight:900;
  font-size:13px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  color:#fff;
}

.ea-alert--success{
  border-color:rgba(34,197,94,.35);
  background:rgba(34,197,94,.14);
}

.ea-alert--error{
  border-color:rgba(239,68,68,.35);
  background:rgba(239,68,68,.14);
}

.ea-alert--info{
  border-color:rgba(59,130,246,.35);
  background:rgba(59,130,246,.14);
}

.ea-footer{
  text-align:center;
  padding:14px 14px 18px 14px;
  color:rgba(255,255,255,.70);
  font-weight:800;
  font-size:12px;
}

/* Cursor fix */
.ea-card { cursor: default; }
.ea-tab, .ea-btn, .ea-link { cursor: pointer; }
.ea-input { cursor: text; }
.ea-bottom{
  padding: 0 14px 18px 14px;
  display:flex;
  justify-content:center;
}

.ea-track-btn{
  width:100%;
  display:block;
  text-align:center;
  padding:14px 14px;
  border-radius:14px;
  font-weight:900;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#10b981,#22c55e);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 34px rgba(16,185,129,.22);
  transition:.18s ease;
}

.ea-track-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 40px rgba(16,185,129,.30);
}
/* ===== CENTERED TRACK BUTTON ===== */

.ea-bottom{
    padding:25px 0 30px 0;
    display:flex;
    justify-content:center;
}

.ea-track-btn{
    display:inline-block;
    padding:14px 28px;
    border-radius:18px;
    font-weight:900;
    text-align:center;
    text-decoration:none;
    font-size:15px;
    color:#ffffffimportant;

    background:linear-gradient(135deg,#10b981,#22c55e);
    box-shadow:0 18px 40px rgba(16,185,129,.35);

    transition:all .25s ease;
}

.ea-track-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 50px rgba(16,185,129,.45);
}
/* ===== FORCE CENTER TRACK BUTTON (OVERRIDE) ===== */
.ea-card .ea-bottom{
  padding:25px 20px 30px 20px !important;
  display:flex !important;
  justify-content:center !important;
}

.ea-card .ea-track-btn{
  width:auto !important;
  min-width:240px !important;
  max-width:320px !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;

  padding:14px 28px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  font-size:15px !important;
  color:#ffffff !important;

  background:linear-gradient(135deg,#10b981,#22c55e) !important;
  box-shadow:0 18px 40px rgba(16,185,129,.35) !important;

  transition:all .25s ease !important;
}

.ea-card .ea-track-btn:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 22px 50px rgba(16,185,129,.45) !important;
}