/* Étagère — page connexion (réutilise les tokens de landing.css). */
body{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}

/* Étagère décorative en bas */
.shelf-deco{position:absolute;left:0;right:0;bottom:-14px;z-index:0;
  display:flex;justify-content:center;align-items:flex-end;gap:9px;opacity:.4;pointer-events:none}
.shelf-deco i{width:26px;border-radius:5px 5px 0 0;display:block}
:root[data-theme="dark"] .shelf-deco{opacity:.5}

.login-toggle{position:absolute;top:22px;right:22px;z-index:5}

.login-wrap{position:relative;z-index:3;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}
.login-card{width:400px;max-width:100%;background:var(--surface);border:1px solid var(--line);
  border-radius:24px;box-shadow:0 24px 60px rgba(60,40,20,.16);padding:40px 40px 30px}
:root[data-theme="dark"] .login-card{box-shadow:0 24px 60px rgba(0,0,0,.45)}
.brand.center{justify-content:center}
.login-title{margin:26px 0 0;text-align:center;font:600 27px/1.15 'Spectral',serif}
.login-sub{margin:9px 0 0;text-align:center;font:400 14px/1.5 'Public Sans',sans-serif;color:var(--muted)}

.login-error{margin-top:20px;padding:11px 14px;border-radius:11px;text-align:center;
  background:rgba(180,85,47,.12);border:1px solid rgba(180,85,47,.32);color:var(--accent);
  font:500 13px/1.4 'Public Sans',sans-serif}

.login-form{margin-top:26px;display:flex;flex-direction:column;gap:16px}
.field label{display:block;font:500 12px/1 'Public Sans',sans-serif;color:var(--muted);margin-bottom:7px}
.lbl-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.lbl-row label{margin:0}
.forgot{font:500 12px/1 'Public Sans',sans-serif;color:var(--accent);text-decoration:none}
.field input{width:100%;box-sizing:border-box;padding:13px 15px;border-radius:12px;border:1px solid var(--line);
  background:#fff;color:var(--text);font:400 14px/1 'Public Sans',sans-serif;outline:none;transition:border-color .15s}
:root[data-theme="dark"] .field input{background:#2a251f}
.field input:focus{border-color:var(--accent)}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:46px}
.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--muted);padding:0}
.btn-accent.full{margin-top:8px}

.login-links{margin-top:20px;text-align:center}
.login-links a{font:500 13px/1 'Public Sans',sans-serif;color:var(--muted);text-decoration:none}
.login-links a:hover{color:var(--accent)}
.login-invite{margin-top:14px;text-align:center;font:400 11.5px/1.4 'Public Sans',sans-serif;color:var(--muted);opacity:.8}

@media(max-width:440px){.login-card{padding:32px 24px 26px}.shelf-deco i{width:20px}}