/* ==========================================================================
   ECLIPSE ERA · pagina "Criar conta"  (subtopic=createaccount)
   --------------------------------------------------------------------------
   Arquivo SO desta pagina. O layout carrega ele e poe body.ec-dark: o miolo
   fica escuro e a "rede de seguranca" do eclipse.css pinta o texto de prata.
   Aqui eu escureco os FUNDOS claros e reacendo as cores COM significado.

   O QUE COBRE (as 3 telas que pages/createaccount.php desenha):
   1. Formulario  - .bm-create-hero/-form/-section/-section-title, campos
      (.bm-create-field + input, foco, erro, placeholder, autofill), texto de
      ajuda, cartao do mundo (.bm-create-world), regras, botao Criar Conta.
      Os fundos bege vinham com hex fixo de site_modern_reistella.css:2607-2641
      (#fbf5e6 #f6ecd6 #fffdf7 #faeee6) e bm2026.css:295-299 (#fff7dd #fff1c9).
   2. Erros       - .bm-create-alert (topo), .bm-create-error-list (senha),
      .bm-create-error e o <em> dentro do campo: continuam VERMELHOS (--ec-bad).
   3. Medidor de senha (<style> da propria pagina, classes .ca-*): trilho
      #e7d8bb, requisitos, "senhas conferem/nao sao iguais", botao do olho,
      contador 0/15. Verde (--ec-ok) e vermelho (--ec-bad) seguem distintos.
      A cor da barra vem do JS em style="" (#9e3418 #8a5512 #c59b4b #2f6b2a):
      remapeio pelo valor (o navegador grava rgb(...)) so a COR, nunca a
      largura. Se o seletor nao casar, a barra fica com a cor original.
   4. Tela "ja conectado" (.bm-logged-*, bm2026.css:533-561) e tela de
      "Cadastro concluido" (.bm-btn-primary / .bm-btn-secondary).

   NAO MEXO: opacity/cursor que o JS poe no botao desabilitado (style=""),
   larguras, display, espacamentos. So pintura.

   CONTRASTE (WCAG 2.1, calculado; fundo mais claro de cada caixa):
     secao #161B26: rotulo #B6BDCC 9,1 · ajuda #8C95A8 5,7 · erro #E8776B 6,0
                    ok #5FBF8F 7,7 · link #45A4CD 6,1 · titulo #E6E9F0 14,2
     campo #0B0D12: texto #E6E9F0 16,0 · placeholder #7D8698 5,3
                    borda #5E6880 3,1 (3,5 contra o campo)
     mundo #1C2230: "World" #8C95A8 5,3 · verde #5FBF8F 7,1
     erro  #221A1F: titulo #E8776B 5,9 · itens #B6BDCC 9,0
     hero (brilho no topo #1B2937): selo #45A4CD 5,3 · texto #B6BDCC 7,9
     botao prata #B8B3AF..#EDECEB: texto #0B0D12 9,4 (hover #CBC2C5 11,2)
   ========================================================================== */

@layer eclipse {

/* ---------- tokens locais (a pagina nao tinha nenhum: era tudo hex fixo) ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount{
  --ca-surface:var(--ec-panel-2) !important;          /* #161B26 caixas de secao */
  --ca-field:var(--ec-night) !important;              /* #0B0D12 fundo dos campos */
  --ca-field-line:#5E6880 !important;                 /* 3,1:1 na secao: o campo se enxerga */
  --ca-bad-bg:#221A1F !important;                     /* caixa de erro, vermelho bem escuro */
  --ca-bad-line:rgba(232,119,107,.36) !important;
  --ca-glow:rgba(69,164,205,.10) !important;          /* brilho cristal no topo do hero */
}

/* ---------- moldura da pagina ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-page,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-page{
  color:var(--ec-silver-2) !important;
}

/* hero (as 3 telas): era gradiente bege #fbf5e6 -> #f1e3c7 / #fff7dd -> #fff1c9 */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-hero,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-hero{
  background:
    radial-gradient(120% 90% at 50% 0%, var(--ca-glow) 0%, transparent 62%),
    linear-gradient(160deg, var(--ec-panel-2) 0%, #0C0F16 60%, var(--ec-panel-2) 100%) !important;
  border-color:var(--ec-line) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.38), inset 0 1px 0 rgba(230,233,240,.05) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-hero > span{
  color:var(--ec-crystal) !important;                 /* "Cadastro Minimalist" 5,3:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-hero > h1,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-hero > h1{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  letter-spacing:.06em !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-hero > p,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-hero > p{
  color:var(--ec-silver-2) !important;
}

/* ---------- formulario e secoes ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-form{
  background:linear-gradient(180deg, var(--ec-panel), var(--ec-night)) !important;   /* era #fbf5e6 */
  border-color:var(--ec-line-soft) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(230,233,240,.04) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-section{
  background:var(--ca-surface) !important;            /* era #f6ecd6 */
  border-color:var(--ec-line) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.03) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-section-title{
  border-color:var(--ec-line) !important;             /* linha de baixo era #e0cca2 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-section-title > strong{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  letter-spacing:.04em !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-section-title > span{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-help{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}

/* ---------- campos ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field > span{
  color:var(--ec-silver-2) !important;                /* rotulo: era #7d4f2f */
}
/* O :not() repetido e de proposito: iguala a especificidade da regra de input
   do eclipse.css (0,8,3) e passa dela, senao a borda de erro nao apareceria. */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]){
  background:var(--ca-field) !important;              /* era #fffdf7 */
  color:var(--ec-silver) !important;
  border-color:var(--ca-field-line) !important;
  box-shadow:none !important;
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):focus{
  border-color:var(--ec-crystal) !important;
  outline-color:var(--ec-crystal) !important;
  box-shadow:0 0 0 3px rgba(69,164,205,.22) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field input::placeholder{
  color:var(--ec-silver-3) !important;                /* 5,3:1 no campo (era #b09a7a) */
  opacity:1 !important;
}
/* autopreenchimento do navegador: mantem o campo escuro */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):-webkit-autofill{
  box-shadow:0 0 0 1000px var(--ca-field) inset !important;
  -webkit-text-fill-color:var(--ec-silver) !important;
}
/* campo com erro: borda e anel vermelhos (era #c0553f) */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field.has-error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]){
  border-color:var(--ec-bad) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field.has-error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):focus{
  border-color:var(--ec-bad) !important;
  outline-color:var(--ec-bad) !important;
  box-shadow:0 0 0 3px rgba(232,119,107,.22) !important;
}
/* [revisao] autopreenchido + foco. Sem isto, o anel de foco (box-shadow) do
   campo com erro (0,11,3) apagava a sombra interna do autofill (0,10,3): o
   fundo claro que o navegador impoe voltava por baixo do texto prata. As duas
   sombras vao juntas numa lista so, entao o campo fica escuro E com anel. */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):-webkit-autofill:focus{
  box-shadow:0 0 0 1000px var(--ca-field) inset, 0 0 0 3px rgba(69,164,205,.22) !important;
  -webkit-text-fill-color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field.has-error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):-webkit-autofill{
  box-shadow:0 0 0 1000px var(--ca-field) inset !important;
  -webkit-text-fill-color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field.has-error input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):-webkit-autofill:focus{
  box-shadow:0 0 0 1000px var(--ca-field) inset, 0 0 0 3px rgba(232,119,107,.22) !important;
  -webkit-text-fill-color:var(--ec-silver) !important;
}

/* ---------- mensagens de erro (seguem vermelhas) ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field > em,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-error{
  color:var(--ec-bad) !important;                     /* 6,0:1 na secao */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-alert,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-error-list{
  background:var(--ca-bad-bg) !important;             /* era #faeee6 */
  border-color:var(--ca-bad-line) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.3) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-alert{
  /* cima direita baixo ESQUERDA: a faixa grossa da esquerda fica vermelha.
     [revisao] era border-left-color; agora e o proprio border-color de 4 valores,
     que esta literalmente na lista de propriedades permitidas. */
  border-color:var(--ca-bad-line) var(--ca-bad-line) var(--ca-bad-line) var(--ec-bad) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-alert > strong,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-error-list > strong{
  color:var(--ec-bad) !important;                     /* 5,9:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-alert > span,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-alert li,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-error-list li{
  color:var(--ec-silver-2) !important;                /* 9,0:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-alert li::marker,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-error-list li::marker{
  color:var(--ec-bad) !important;
}

/* ---------- cartao do mundo ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-world{
  background:var(--ec-panel-3) !important;            /* era #fffdf7 */
  border-color:rgba(69,164,205,.30) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-world span{
  color:var(--ec-muted) !important;                   /* "World" 5,3:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-world strong{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-world small{
  color:var(--ec-ok) !important;                      /* era verde #2f7d3e; 7,1:1 */
}

/* ---------- aceite das regras ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-rules label,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-rules label > span{
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-rules input[type="checkbox"]{
  accent-color:var(--ec-crystal) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-rules a{
  color:var(--ec-crystal) !important;                 /* 6,1:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-rules a:hover{
  color:var(--ec-crystal-hi) !important;
}

/* ---------- botao Criar Conta: prata escovada, como o "Jogar" ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-form button.bm-create-submit{
  background:linear-gradient(180deg, var(--ec-diamond), var(--ec-supreme)) !important;
  color:var(--ec-night) !important;                   /* 9,4:1 no tom mais escuro */
  border-color:rgba(237,236,235,.55) !important;
  text-shadow:none !important;
  box-shadow:0 10px 26px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.55) !important;
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-form button.bm-create-submit:hover{
  background:linear-gradient(180deg, #FFFFFF, var(--ec-chrome)) !important;
  color:var(--ec-night) !important;                   /* 11,2:1 */
  border-color:rgba(255,255,255,.7) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.5), 0 0 22px rgba(69,164,205,.18) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-form button.bm-create-submit:focus-visible{
  outline-color:var(--ec-crystal) !important;
}
/* desabilitado (o JS poe opacity .5 no style=""; aqui so tiro o brilho do hover) */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-form button.bm-create-submit:disabled{
  background:linear-gradient(180deg, var(--ec-diamond), var(--ec-supreme)) !important;
  color:var(--ec-night) !important;
  box-shadow:none !important;
  filter:none !important;
}

/* ---------- medidor de senha (<style> da pagina, classes .ca-*) ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-live .ca-bar{
  background:var(--ca-field) !important;              /* trilho era #e7d8bb */
  box-shadow:inset 0 0 0 1px var(--ec-line) !important;
}
/* a cor do preenchimento vem do JS; troco so o tom, pelo valor gravado */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="158, 52, 24"],
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="9e3418"]{
  background:var(--ec-bad) !important;                /* fraca */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="138, 85, 18"],
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="8a5512"]{
  background:var(--ec-eternal) !important;            /* media-baixa */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="197, 155, 75"],
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="c59b4b"]{
  background:var(--ec-warn) !important;               /* media */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="47, 107, 42"],
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-bar > i[style*="2f6b2a"]{
  background:var(--ec-ok) !important;                 /* forte */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-req li{
  color:var(--ec-muted) !important;                   /* requisito pendente, 5,7:1 (era #6d563b) */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-req li::before{
  color:var(--ec-silver-3) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-req li.ok,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-req li.ok::before{
  color:var(--ec-ok) !important;                      /* requisito cumprido, 7,7:1 (era #2f6b2a) */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-msg.bad{
  color:var(--ec-bad) !important;                     /* "senhas nao sao iguais" 6,0:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-msg.good{
  color:var(--ec-ok) !important;                      /* "senhas conferem" 7,7:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-live button.ca-eye{
  background:var(--ec-panel-3) !important;            /* era #f1e3c7 */
  color:var(--ec-silver-2) !important;                /* 8,4:1 */
  border-color:var(--ec-line-hi) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .ca-live button.ca-eye:hover{
  background:var(--ec-panel-3) !important;
  color:var(--ec-silver) !important;
  border-color:var(--ec-crystal) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field span.ca-count{
  color:var(--ec-muted) !important;                   /* contador 0/15 (era #8a7355) */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-create-field span.ca-count.ok{
  color:var(--ec-ok) !important;
}

/* ---------- tela "voce ja esta conectado" ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-hero > span{
  background:rgba(69,164,205,.12) !important;         /* selo era #f1e3c7 */
  border-color:rgba(69,164,205,.34) !important;
  color:var(--ec-crystal-hi) !important;              /* 5,9:1 no pior ponto */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-who{
  background:var(--ec-night) !important;              /* era #fffdf5 */
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-who small{
  color:var(--ec-muted) !important;                   /* 6,5:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-who strong{
  color:var(--ec-diamond) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card{
  background:linear-gradient(180deg, var(--ec-panel-2), var(--ec-panel)) !important;   /* era #fffdf5 */
  border-color:var(--ec-line) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.3) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card:hover{
  background:linear-gradient(180deg, var(--ec-panel-3), var(--ec-panel-2)) !important;
  border-color:var(--ec-line-hi) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.45) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card.is-main{
  background:linear-gradient(180deg, var(--ec-panel-3), #141925) !important;   /* era #fff1c9 -> #efd69a */
  border-color:rgba(69,164,205,.55) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.4), 0 0 24px rgba(69,164,205,.10) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card.is-main:hover{
  background:linear-gradient(180deg, #222A3A, var(--ec-panel-3)) !important;
  border-color:var(--ec-crystal) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card .bm-logged-icon{
  color:var(--ec-chrome) !important;                  /* 8,3:1 no pior fundo */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card.is-main .bm-logged-icon{
  color:var(--ec-crystal-hi) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card strong{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  letter-spacing:.03em !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card small{
  color:var(--ec-silver-2) !important;                /* 7,6:1 no pior fundo */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card em{
  color:var(--ec-crystal) !important;                 /* "Continuar ->" 6,1:1 */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card:hover em,
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content a.bm-logged-card.is-main em{
  color:var(--ec-crystal-hi) !important;              /* 6,9:1 no pior fundo */
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-foot{
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-foot a{
  color:var(--ec-crystal) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-logged-foot a:hover{
  color:var(--ec-crystal-hi) !important;
}

/* ---------- tela "Cadastro concluido": Entrar na conta / Baixar client ---------- */
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-account-actions a.bm-btn-primary{
  background:linear-gradient(180deg, var(--ec-diamond), var(--ec-supreme)) !important;  /* era dourado */
  color:var(--ec-night) !important;                   /* 9,4:1 */
  border-color:rgba(237,236,235,.55) !important;
  text-shadow:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.4) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-account-actions a.bm-btn-primary:hover{
  background:linear-gradient(180deg, #FFFFFF, var(--ec-chrome)) !important;
  color:var(--ec-night) !important;                   /* 11,2:1 */
  border-color:rgba(255,255,255,.7) !important;
  filter:none !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-account-actions a.bm-btn-secondary{
  background:var(--ec-panel-3) !important;            /* era #fff7dd */
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  border-color:var(--ec-line-hi) !important;
  text-shadow:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.3) !important;
}
html[data-tema="eclipse"] body.bm-page-createaccount .bm-content .bm-account-actions a.bm-btn-secondary:hover{
  background:#222A3A !important;
  color:#FFFFFF !important;                           /* 14,4:1 */
  border-color:var(--ec-chrome) !important;
  filter:none !important;
}

} /* fim @layer eclipse */