/* HabiVox-Design für Login-/Hinweisseiten (nach dem seiteneigenen <style> laden). */
:root{--brand:#0f3d2e;--brand-ink:#fff;--au-bg:#f5f7f6;--au-card:rgba(255,255,255,.88);--au-line:rgba(11,31,25,.16);--au-text:#0b1f19;--au-dim:#41504a;--au-danger:#c0262d}
@media(prefers-color-scheme:dark){:root{--au-bg:#04150f;--au-card:rgba(255,255,255,.06);--au-line:rgba(255,255,255,.2);--au-text:#f4fbf8;--au-dim:#c3d3cc;--brand:#3ddc97;--brand-ink:#04201a;--au-danger:#ff7b80}}
html,body{background:var(--au-bg);color:var(--au-text)}
body{background:radial-gradient(60% 45% at 15% 0%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 70%),radial-gradient(50% 40% at 100% 100%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--au-bg);background-attachment:fixed}
.card{background:var(--au-card);border:1px solid var(--au-line);border-radius:28px;color:var(--au-text);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 2px rgba(0,0,0,.04),0 28px 70px -24px rgba(0,0,0,.3)}
.card h1{color:var(--au-text);letter-spacing:-.03em}
.card p,.card p.sub{color:var(--au-dim)}
.card .icon{color:var(--au-dim)}
label{color:var(--au-dim)}
input[type="text"],input[type="password"],input[type="email"],input[type="number"]{min-height:48px;border:1.5px solid var(--au-line);border-radius:14px;background:color-mix(in srgb,var(--au-card) 70%,transparent);color:var(--au-text)}
input:focus{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);border-color:var(--brand)}
button.primary{min-height:48px;border-radius:999px;background:var(--brand);color:var(--brand-ink)}
button.primary:hover{background:var(--brand);filter:brightness(1.08)}
button.secondary-link,button.link{color:var(--au-text);min-height:44px}
.error{background:color-mix(in srgb,var(--au-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--au-danger) 40%,transparent);color:var(--au-danger);border-radius:14px}
.notice{background:color-mix(in srgb,var(--brand) 12%,transparent);border:1px solid var(--au-line);color:var(--au-text);border-radius:14px}
.back{color:var(--au-dim)}
.divider{color:var(--au-dim)}.divider::before,.divider::after{background:var(--au-line)}
.lang-switch button{color:var(--au-dim);min-height:30px}
.lang-switch button.active{color:var(--au-text);background:color-mix(in srgb,var(--brand) 16%,transparent)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.badge{background:var(--brand);color:var(--brand-ink)}
a.back-home{color:var(--au-dim)}a.back-home:hover{color:var(--au-text)}
.legal-page .lang-switch{background:var(--au-card);border-color:var(--au-line)}
.legal-page .legal-translation-note{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--au-text)}
.legal-page h1,.legal-page h2,.legal-page p,.legal-page li{color:var(--au-text)}

/* UNIFIED-HABIVOX */
html,body{font-family:var(--font,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif)}
button.primary{font-weight:600}