@layer components{.eco-grade.vx-grade-local{position:absolute}.vx-auth-cartao{background:var(--eco-card-forte);border:1px solid var(--eco-borda);box-shadow:var(--sombra-alta);animation:vx-auth-surgir var(--medio) var(--ease) both}@keyframes vx-auth-surgir{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.otp-caixa{background:var(--eco-card-forte);border-color:var(--eco-borda);color:var(--eco-texto);transition:border-color var(--rapido) var(--ease), box-shadow var(--rapido) var(--ease), transform var(--rapido) var(--ease), background-color var(--rapido) var(--ease)}.otp-caixa.cheia{border-color:color-mix(in srgb, var(--pv) 50%, transparent);background:var(--pv-suave)}.otp-caixa.erro{border-color:var(--perigo);background:var(--perigo-suave);color:var(--perigo)}.otp-caixa:focus{border-color:var(--pv);box-shadow:0 0 0 4px color-mix(in srgb, var(--pv) 18%, transparent);transform:translateY(-1px)}.otp-tremer{animation:.38s both otp-tremer}@keyframes otp-tremer{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.icone-destaque{color:var(--pv);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--pv) 22%, transparent), color-mix(in srgb, var(--pv) 8%, transparent));box-shadow:0 0 0 8px color-mix(in srgb, var(--pv) 6%, transparent)}.icone-destaque.perigo{color:var(--perigo);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--perigo) 22%, transparent), color-mix(in srgb, var(--perigo) 8%, transparent));box-shadow:0 0 0 8px color-mix(in srgb, var(--perigo) 6%, transparent)}.icone-destaque.alerta{color:var(--alerta);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--alerta) 22%, transparent), color-mix(in srgb, var(--alerta) 8%, transparent));box-shadow:0 0 0 8px color-mix(in srgb, var(--alerta) 6%, transparent)}.icone-destaque.ok{color:var(--ok);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--ok) 22%, transparent), color-mix(in srgb, var(--ok) 8%, transparent));box-shadow:0 0 0 8px color-mix(in srgb, var(--ok) 6%, transparent)}.icone-destaque.neutro{color:var(--eco-mudo);background:var(--eco-sup2);box-shadow:0 0 0 8px color-mix(in srgb, var(--eco-sup2) 50%, transparent)}.botao-google{color:#1f1f1f;transition:background var(--rapido) var(--ease);background:#fff;border:1px solid #747775}.botao-google:hover{background:#f2f2f2}.dark .botao-google{color:#e3e3e3;background:#131314;border-color:#8e918f}.dark .botao-google:hover{background:#1f1f21}.botao-voxhub{color:#fff;transition:background var(--rapido) var(--ease);background:#673de6}.botao-voxhub:hover{background:#5a33ce}.botao-voxhub:focus-visible{outline-offset:2px;outline:2px solid #673de6}.vx-codigos{background:var(--eco-sup2);border-radius:var(--r-md)}}@media (prefers-reduced-motion:reduce){.otp-tremer,.vx-auth-cartao{animation:none}.otp-caixa:focus{transform:none}}