/* AUTH PAGES — login / register (style d'origine, propre et centré) */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root{
  --bg:#0b0b12; --card:#131325; --text:#eceef4; --muted:#9aa0b0;
  --violet:#7c4dff; --border:rgba(255,255,255,0.1);
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Anton', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  letter-spacing:.2px;
}

.container{max-width:420px; margin:64px auto; padding:0 16px}
.card{
  background:var(--card); border:1px solid var(--border);
  border-radius:14px; padding:18px; box-shadow:0 10px 30px rgba(0,0,0,.35)
}

h1{font-size:28px; margin:0 0 12px}
label{display:block; margin:10px 0 6px}
input[type=email],input[type=password],input[type=text]{
  width:100%; padding:12px 14px; border-radius:10px;
  border:1px solid var(--border); background:rgba(255,255,255,.04); color:var(--text)
}

.actions{display:flex; gap:10px; align-items:center; justify-content:space-between; margin-top:12px}
.btn{
  display:inline-block; padding:12px 16px; border-radius:12px; border:1px solid var(--border);
  background:linear-gradient(135deg, var(--violet), #9b6bff); color:white; cursor:pointer; text-decoration:none
}
.small{font-size:13px; color:var(--muted)}
.center{text-align:center}
.link{color:#cfc7ff; text-decoration:none}

.notice{margin-top:10px; color:#ffb3b3}

/* (Pas de topbar ici pour laisser la carte bien centrée) */