/* Tela de login: fundo sempre escuro (verde-noite) com as ondas DitherBurn; o cartão segue o tema. */
.login{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;display:grid;place-items:center;padding:var(--space-6) var(--space-4);overflow:hidden;background:#0a1411}
.login-ondas{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
/* véu escuro no centro: as ondas brilham nas bordas e o cartão fica legível */
.login-veu{position:fixed;top:50%;left:50%;z-index:-1;width:min(820px,130vw);height:min(720px,120vh);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(10,20,17,.6),rgba(10,20,17,.3) 60%,rgba(10,20,17,0))}

.login .panel{width:min(400px,100%);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:var(--radius-xl);box-shadow:0 24px 60px rgba(0,0,0,.5);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.login .panel-b{padding:var(--space-8);text-align:center}
.login .marca{margin:0 auto var(--space-4)}
.login .panel-b .stack{margin-top:var(--space-6)}
/* rótulos e campos alinhados à esquerda; logo e títulos ficam centralizados */
.login .field{justify-items:stretch;text-align:left}

.login .tema-btn{position:fixed;top:var(--space-4);right:var(--space-4);color:#d6b461}
.login .tema-btn:hover{background:rgba(214,180,97,.14);color:#e2c57e}