@layer components{.auth-card{background-color:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border:1px solid #282a2614;border-radius:14px;box-shadow:inset 0 1px #fff9,0 28px 56px -32px #282a2673}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.auth-card{background-color:var(--surface)}}.auth-input{background-color:var(--surface);width:100%;height:48px;color:var(--text);border:1px solid #282a2624;border-radius:6px;padding:0 16px;font-size:15px;transition:border-color .12s ease-out,box-shadow .12s ease-out;box-shadow:0 1px 2px #282a260a}.auth-input::placeholder{color:var(--muted)}.auth-input:hover{border-color:#282a264d}.auth-input:focus{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text), 0 0 0 4px #f5ff78bf;outline:none}.auth-input[aria-invalid=true]{border-color:var(--danger-fg)}.auth-input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1px var(--danger-fg), 0 0 0 4px #a3253a1f}.auth-input:read-only{background-color:var(--surface-muted);color:var(--muted)}.auth-input--reveal{padding-right:52px}.auth-reveal{width:44px;height:44px;color:var(--muted);border-radius:9999px;justify-content:center;align-items:center;transition:background-color .12s ease-out,color .12s ease-out;display:flex;position:absolute;top:2px;right:2px}.auth-reveal:hover{background-color:var(--surface-muted);color:var(--text)}.auth-reveal:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.auth-link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:3px;font-weight:600;text-decoration-thickness:3px}.auth-link:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}}