/* Ajustes de marca compartilhados entre acesso e o lobby autenticado. */
:root { --do-cyan: #5bd2f0; --do-gold: #d7b363; --do-gold-bright: #ffe6a0; --do-night: #07111e; }
.login-page {
  background:
    radial-gradient(ellipse at 22% 32%, rgba(22,91,133,.34), transparent 44%),
    radial-gradient(ellipse at 84% 67%, rgba(173,123,43,.14), transparent 36%),
    linear-gradient(128deg,#050b14 0%,#0a1b2b 48%,#060f1b 100%);
}
.login-page::before { border-color: rgba(91,210,240,.12); outline-color: rgba(215,179,99,.045); }
.login-atmosphere { background-image: radial-gradient(rgba(91,210,240,.18) .7px, transparent .7px); opacity: .13; }
.login-brand strong { font-family: "Cinzel", Georgia, serif; }
.brand-eye { border-color: rgba(215,179,99,.68); background: radial-gradient(circle at 50% 35%, rgba(34,121,151,.55), rgba(4,17,30,.96) 74%); box-shadow: 0 0 28px rgba(91,210,240,.08), inset 0 0 15px rgba(91,210,240,.06); }
.brand-eye::before { border-color: var(--do-gold-bright); }
.brand-eye span { background: var(--do-cyan); border-color: #07111e; box-shadow: 0 0 14px rgba(91,210,240,.8); }
.login-panel { border-color: rgba(215,179,99,.38); background: radial-gradient(ellipse at 100% 0%, rgba(24,104,136,.17), transparent 50%), linear-gradient(148deg,rgba(15,36,54,.98),rgba(5,17,30,.99) 60%,rgba(10,25,40,.98)); box-shadow: 0 32px 90px rgba(0,0,0,.4), inset 0 0 0 5px rgba(215,179,99,.025); }
.panel-emblem { background: radial-gradient(circle, rgba(91,210,240,.13), rgba(9,32,49,.4)); color: var(--do-cyan-soft, #a1ecfb); text-shadow: 0 0 18px rgba(91,210,240,.25); }
.panel-heading h2 { font-family: "Cinzel", Georgia, serif; }
.login-tabs { border-color: rgba(91,210,240,.15); background: rgba(1,9,17,.32); }
.login-tab.active { border-color: rgba(215,179,99,.4); background: linear-gradient(105deg,rgba(178,130,43,.16),rgba(23,97,127,.2)); color: #ffe6a0; box-shadow: inset 0 -2px #d7b363; }
.field-group input { border-color: rgba(131,177,196,.22); background: rgba(3,12,22,.72); }
.field-group input:focus { border-color: rgba(91,210,240,.75); box-shadow: 0 0 0 3px rgba(91,210,240,.1); }
.login-submit { border-color: #f0d487; background: linear-gradient(105deg,#a97a2c,#f0d487 54%,#b98b36); box-shadow: 0 9px 26px rgba(191,144,48,.15); }
.login-submit:focus-visible, .login-tab:focus-visible { outline-color: #a1ecfb; }
.login-security { border-top-color: rgba(91,210,240,.14); }
.login-security span { color: #a1ecfb; }
.login-side-footer a:hover { color: #a1ecfb; }
@media (prefers-reduced-motion: reduce) { .temple-art *, .login-submit { animation: none !important; transition: none !important; } }