/* Scope visual changes to authentication; retain the shared theme and dark mode. */
.an { position:relative; }
.an h1 { text-wrap:balance; }
.an .karte { box-shadow:0 8px 28px rgba(0,0,0,.035); transition:border-color .2s,box-shadow .2s; }
.an .karte:focus-within { border-color:var(--green); box-shadow:0 8px 28px rgba(0,0,0,.07); }
.an :is(input,button,a):focus-visible { outline:3px solid var(--green-d); outline-offset:4px; }
.an .an-methods { display:flex; gap:8px; margin-top:24px; }
.an .an-methods .b { flex:1; margin:0; }
.an .an-methods .b[aria-expanded=true] { background:var(--green); color:#122005; border-color:var(--green); }
.an .an-recovery { font-size:14px; margin:12px 0; text-align:right; }
.an form[aria-busy=true] { opacity:.75; cursor:progress; }
.an [hidden] { display:none!important; }
@media (prefers-reduced-motion:no-preference) {
  .an .karte { animation:an-arrive .3s ease-out; }
  @keyframes an-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
}
@media (max-width:420px) { .an .an-methods { flex-wrap:wrap; } .an .an-methods .b { min-width:120px; } }