/* The pages of https://<domain>/ (home, sign-in, registration, reset): a picture in the background, a light card on it.
   Own look (not Element's). The background: /account/static/bg-<n>.svg, n = ACCOUNT_THEME (1..4) or ?bg=<n> to compare. */
body.site{--bg:#f4f6f7;--card:rgba(255,255,255,.88);--fg:#1d2a33;--muted:#5b6872;--line:#d3dde2;--accent:#23797a;--accent-fg:#fff;
  color-scheme:light;min-height:100vh;background:#eef3f4 center/cover no-repeat fixed;color:var(--fg)}
body.site.bg-1{background-image:url(/account/static/bg-1.svg);--accent:#23797a}
body.site.bg-2{background-image:url(/account/static/bg-2.svg);--accent:#b85a49}
body.site.bg-3{background-image:url(/account/static/bg-3.svg);--accent:#2f7d5d}
body.site.bg-4{background-image:url(/account/static/bg-4.svg);--accent:#6f7d47}
body.site #app{min-height:100vh;align-items:center;padding:32px 16px}
body.site .card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;
  box-shadow:0 24px 70px rgba(20,45,55,.16),0 2px 6px rgba(20,45,55,.06);max-width:430px;padding:40px 36px;border:1px solid rgba(255,255,255,.7)}
body.site h1{font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}
body.site .brand{font-size:2.6rem;font-weight:300;letter-spacing:-.02em;margin:0 0 6px;line-height:1.1}
body.site .brand b{font-weight:700;color:var(--accent)}
body.site .lead{color:var(--muted);font-size:1.02rem;margin:0 0 28px}
body.site label{font-weight:600;font-size:.92rem}
body.site input[type=text],body.site input[type=email],body.site input[type=password]{background:#fff;border-color:var(--line);border-radius:10px;padding:12px 14px}
body.site input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
body.site button,body.site a.btn{border-radius:12px;padding:13px;font-size:1rem;font-weight:600;transition:transform .08s,box-shadow .15s,background .15s}
body.site button.primary,body.site a.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}
body.site button.primary:hover,body.site a.btn.primary:hover{transform:translateY(-1px)}
body.site a.btn:not(.primary),body.site button:not(.primary):not(.link){background:#fff;color:var(--fg);border:1px solid var(--line)}
body.site a{color:var(--accent)}
body.site .small{color:var(--muted)}
body.site .small a{font-weight:600;text-decoration:none}
body.site .note{background:#fff7e6;color:#7a5200}
body.site .error{background:#fdecea;color:#a3271b}
body.site .home-links{margin-top:18px;text-align:center}
body.site footer.site-foot{position:fixed;left:0;right:0;bottom:10px;text-align:center;font-size:.78rem;color:rgba(29,42,51,.55)}
@media (max-width:600px){body.site .card{padding:28px 20px;border-radius:18px}body.site .brand{font-size:2.1rem}}