.login-layout{grid-template-columns:minmax(320px,460px);justify-content:center}
.login-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.login-magic-label{display:inline-flex;align-items:center;gap:8px}
.login-forgot-link{display:inline-flex;align-items:center;min-height:44px;color:#4b5563;text-decoration:none;font-size:14px;font-weight:500;line-height:1}
.login-join-card{margin-top:18px;padding:18px 20px;border-radius:18px}
.login-join-card .label{margin-bottom:18px}
.login-join-card iframe{width:100%;height:70px;border:0}
.login-helloasso-dark{display:none}
.login-footer-links{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;white-space:nowrap}
.login-footer-links a{text-decoration:none;font-size:13px}
.login-partner-link{color:#6b5f55;font-weight:500;opacity:.82}
.login-discover-link{display:inline-flex;align-items:center;gap:8px;color:#4c1d95;font-weight:700;opacity:.92}
.login-store-card{padding:20px 22px;border:1px solid rgba(214,168,74,.22);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,246,240,.94));box-shadow:0 18px 40px rgba(36,21,13,.10)}
.login-store-card>.label{margin-bottom:12px;color:#5d5348}
.login-store-links{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap}
.login-store-link{display:flex;align-items:center;justify-content:center;flex:0 1 calc(50% - 5px);max-width:calc(50% - 5px);height:48px;overflow:hidden}
.login-store-link img{display:block;width:auto;max-width:100%;height:48px}
.reset-card #pageIntro{margin:0 0 20px}
.reset-card form{margin-top:0}
.reset-match-status{margin-top:0;margin-bottom:12px}
.reset-details{margin-top:16px}
.reset-details:empty{display:none}
.reset-back{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.reset-back a{display:inline-flex;align-items:center;min-height:44px;color:#4b5563;text-decoration:none;font-size:14px;font-weight:500}

body.login-page{--login-bg:#f3f5f8;--login-surface:#fff;--login-soft:#f6f7f9;--login-text:#171b23;--login-muted:#626b78;--login-line:#dce1e7;--login-accent:#f05a28;background:var(--login-bg);color:var(--login-text)}
body.login-page .topbar{border-bottom:1px solid var(--login-line);background:rgba(255,255,255,.94);box-shadow:none;backdrop-filter:blur(16px)}
body.login-page .brand,body.login-page .brand-copy small{color:var(--login-text)}
body.login-page .brand-copy small{opacity:.58}
body.login-page .hero{display:grid;align-items:start;padding-top:calc(var(--auth-topbar-total) + 34px);padding-bottom:34px}
body.login-page .login-card,body.login-page .login-store-card{border:1px solid var(--login-line);background:var(--login-surface);background-image:none;box-shadow:none}
body.login-page .login-card::before,body.login-page .login-card::after,body.login-page .login-join-card::after,body.login-page .login-store-card::after{display:none}
body.login-page .login-card{border-radius:24px}
body.login-page .eyebrow{background:var(--login-accent);color:#fff;box-shadow:none}
body.login-page h1{color:var(--login-text)}
body.login-page .field label{color:var(--login-text)}
body.login-page .field input{border-color:var(--login-line);background:var(--login-soft);color:var(--login-text);box-shadow:none}
body.login-page .field input::placeholder{color:var(--login-muted)}
body.login-page .field input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px rgba(240,90,40,.14)}
body.login-page .btn{min-height:46px;border-radius:12px}
body.login-page .btn-primary{border-color:var(--login-accent);background:var(--login-accent);box-shadow:none}
body.login-page .btn-secondary{border-color:var(--login-line);background:var(--login-soft);color:var(--login-text);box-shadow:none}
body.login-page .login-forgot-link,body.login-page .login-partner-link{color:var(--login-muted)}
body.login-page .login-discover-link{color:var(--login-accent)}
body.login-page .login-join-card{border:1px solid var(--login-line);background:var(--login-soft);background-image:none;box-shadow:none}
body.login-page .login-join-card .label,body.login-page .login-store-card>.label{color:var(--login-muted)}
body.login-page .reset-card .muted,body.login-page .reset-back a{color:var(--login-muted)}
body.login-page .reset-details:not(:empty){padding:16px;border:1px solid var(--login-line);border-radius:14px;background:var(--login-soft)}
body.login-page .reset-details h3{margin-top:6px;color:var(--login-text)}
body.login-page .reset-details p{margin:4px 0;line-height:1.45}
body.login-page .reset-back{border-top-color:var(--login-line)}

body[data-member-theme="dark"].login-page{--login-bg:#0f1115;--login-surface:#171a20;--login-soft:#20242b;--login-text:#f5f7fb;--login-muted:#aeb6c2;--login-line:#343b46;color-scheme:dark}
body[data-member-theme="dark"].login-page .topbar{background:rgba(15,17,21,.94)}
body[data-member-theme="dark"].login-page .login-card,body[data-member-theme="dark"].login-page .login-store-card{box-shadow:0 20px 60px rgba(0,0,0,.18)}
body[data-member-theme="dark"].login-page .login-join-card iframe{display:none}
body[data-member-theme="dark"].login-page .login-helloasso-dark{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:70px;border:1px solid var(--login-line);border-radius:14px;background:#171a20;color:var(--login-text);text-decoration:none;font-size:16px;font-weight:800;transition:border-color .18s ease,background .18s ease}
body[data-member-theme="dark"].login-page .login-helloasso-dark:hover,body[data-member-theme="dark"].login-page .login-helloasso-dark:focus-visible{border-color:var(--login-accent);background:#20242b;outline:none}
body[data-member-theme="dark"].login-page .login-helloasso-dark img{display:block;width:46px;height:46px;object-fit:contain}
body[data-member-theme="dark"].login-page .status.success{background:#153421;color:#9ce7b5}
body[data-member-theme="dark"].login-page .status.error{background:#3a201d;color:#ffad9e}

@media(max-width:640px){
  .login-layout{grid-template-columns:minmax(0,1fr)}
  body.login-page .hero{padding-top:calc(var(--auth-topbar-total) + 20px);padding-bottom:20px}
  body.login-page .login-card{border-radius:20px}
  .reset-actions .btn{width:100%;justify-content:center;text-align:center}
}