/* TRAKS V2 — pages publiques de compte (connexion, inscription, mot de passe, abonnement) */
:root{ --a-bg:#0b1020; --a-surface:#121a2e; --a-line:rgba(255,255,255,.1); --a-text:#e9edf6; --a-muted:#97a3bb; --a-input:#0f1627; --a-acc:#5b7cff; --a-acc2:#7a5bff; }
@media (prefers-color-scheme: light){ :root{ --a-bg:#f4f6fb; --a-surface:#ffffff; --a-line:#e3e8f1; --a-text:#0f172a; --a-muted:#5b6578; --a-input:#ffffff; --a-acc:#3b5bff; --a-acc2:#6a4bff; } }
html,body{ background:var(--a-bg) !important; color:var(--a-text) !important; font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important; }
body{ background-image:none !important; }
.appbar{ background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; border:0 !important; box-shadow:none !important; position:static !important; }
.accent{ display:none !important; }
.brand img{ height:30px !important; }
.card,.box,.panel{ background:var(--a-surface) !important; border:1px solid var(--a-line) !important; border-radius:18px !important; box-shadow:0 1px 2px rgba(0,0,0,.2),0 14px 40px rgba(0,0,0,.18) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; color:var(--a-text) !important; animation:none !important; opacity:1 !important; transform:none !important; }
.title,h1,h2,h3{ color:var(--a-text) !important; letter-spacing:-.02em; }
label{ color:var(--a-muted) !important; font-weight:650 !important; }
input,select,textarea{ background:var(--a-input) !important; color:var(--a-text) !important; border:1px solid var(--a-line) !important; border-radius:12px !important; }
input:focus,select:focus,textarea:focus{ border-color:var(--a-acc) !important; box-shadow:0 0 0 4px rgba(91,124,255,.22) !important; outline:none !important; }
.submit,button[type=submit],.btn.primary,.btn-primary{ background:linear-gradient(135deg,var(--a-acc),var(--a-acc2)) !important; color:#fff !important; border:0 !important; border-radius:12px !important; box-shadow:0 10px 26px rgba(91,124,255,.35) !important; }
.btn{ background:var(--a-surface) !important; color:var(--a-text) !important; border:1px solid var(--a-line) !important; border-radius:12px !important; box-shadow:none !important; }
.link,a{ color:var(--a-acc); }
.muted,.sub,small{ color:var(--a-muted) !important; }
footer{ background:transparent !important; border-top:1px solid var(--a-line) !important; }
.links a{ color:var(--a-muted) !important; }
.err{ background:rgba(239,68,68,.12) !important; border:1px solid rgba(239,68,68,.4) !important; color:#f87171 !important; }