/* Écran d'entrée (connexion / inscription), posé sur le jardin qui vit en arrière-plan */
body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}
.gate{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--night) 55%,transparent);backdrop-filter:blur(3px);z-index:10}
.gate-card{width:min(400px,100%);background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:14px}
.gate-card h2{font-family:var(--f-display);font-weight:400;font-size:2rem;margin:0;color:var(--ink)}
.gate-lede{color:var(--muted);margin:0}
.gate-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}
.gate-tab{background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;color:var(--muted);font-weight:600}
.gate-tab.on{color:var(--ink);border-bottom-color:var(--lantern)}
.gate-form{display:flex;flex-direction:column;gap:8px}
.gate-form label{font-size:.85rem;color:var(--muted);margin-top:4px}
.gate-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--night);padding:10px 14px;outline:none;color:var(--ink)}
.gate-form input:focus{border-color:var(--lantern)}
.gate-form .btn{margin-top:10px;padding:11px 18px}
.gate-note{color:var(--muted);font-size:.78rem}
.gate-err{color:var(--danger);font-size:.9rem;margin:4px 0 0}