:root{
  --bg-1:#0e0a17;           /* roxo quase preto */
  --bg-2:#171226;           /* roxo escuro */
  --card:#0b0b0d;           /* card preto */
  --border:#2a2a33;
  --muted:#a8a3b8;          /* texto suave */
  --text:#e6e6f0;
  --accent:#8b5cf6;         /* roxo principal */
  --accent-2:#a78bfa;       /* roxo claro */
  --input:#0f1014;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%, #1a1430 0%, var(--bg-1) 35%, var(--bg-2) 100%) fixed}

.fc-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}
.fc-auth__wrap{width:100%;max-width:680px}
.fc-card{
  background:var(--card);
  border:1px solid #14141a;
  border-radius:14px;
  padding:28px 30px 26px;
  margin:0 auto;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  max-width:400px; /* <<< antes era até 680px */
  width:100%;
}


.fc-logo{display:flex;justify-content:center;margin-top:6px;margin-bottom:12px}
.fc-logo__box{
  width:54px;height:54px;border-radius:14px;
  background:var(--accent);
  display:grid;place-items:center;
  box-shadow:0 8px 20px rgba(139,92,246,.45), inset 0 0 0 6px rgba(255,255,255,.08);
}

.fc-title{
  font-weight:800; font-size:28px; text-align:center; margin:4px 0 6px; letter-spacing:.2px;
}
.fc-subtitle{
  text-align:center; color:var(--muted); margin:0 0 18px; font-size:14px;
}

.fc-tabs{
  background:#121217; border:1px solid #202028; border-radius:12px; padding:4px;
  display:grid; grid-template-columns:1fr 1fr; gap:6px; max-width:520px; margin:0 auto 18px;
}
.fc-tab{
  display:block; text-align:center; padding:10px 12px; border-radius:10px;
  color:#cfd0df; font-weight:600; font-size:14px;
  text-decoration:none;              /* remove sublinhado */
}
.fc-tab:hover{
  text-decoration:none;
  background:#101015;                /* leve destaque no hover */
}

.fc-tab--active{
  background:#0b0b0d; color:#ffffff; box-shadow:inset 0 0 0 1px #2b2b33;
}

.fc-alert{
  background:#2b1c2f; color:#ffd6ff; border:1px solid #4a2b55;
  padding:10px 12px; border-radius:10px; margin:0 auto 12px; max-width:520px;
}

.fc-form{max-width:520px; margin:0 auto}
.fc-label{display:block; margin:14px 0 6px; font-size:13px; color:#ddd7ff; font-weight:600}
.fc-input{
  display:flex; align-items:center; gap:10px; background:var(--input);
  border:1px solid #1f2026; border-radius:12px; padding:10px 12px;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset;
}
.fc-input:focus-within{border-color:#343545; box-shadow:0 0 0 3px rgba(139,92,246,.15)}
.fc-input__icon{color:#8f8aa7; display:inline-flex}
.fc-input input{
  width:100%; background:transparent; border:0; outline:0; color:var(--text); font-size:15px;
}

.fc-btn{
  width:100%;
  margin:18px 0 4px;
  border:0;
  cursor:pointer;
  border-radius:12px;
  padding:12px 14px;
  font-weight:800;
  font-size:15px;
  color:#ffffff; /* texto branco */
  background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);
  box-shadow:none; /* sem sombra ou brilho */
  transition:all .2s ease;
}
.fc-btn:hover{
  filter:brightness(1.1);
}
.fc-btn:active{
  transform:translateY(1px);
}

/* ======== Corrigir autofill branco ======== */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--input) inset !important;
  -webkit-text-fill-color: var(--text) !important;
  caret-color: var(--text) !important;
  transition: background-color 9999s ease-in-out 0s;
}