/* ═══════════════════════════════════════════════════════════════
   DraxMU — verm-pages.css
   Reveste o CONTEÚDO das páginas internas (login/register/download/
   ranking) no estilo cinematográfico da home, SEM mexer no markup/IDs
   (override por cima de theme.css). Carregar DEPOIS de cinematic.css.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --vp-gold:#f0c940; --vp-crimson:#ff3b30; --vp-crimson2:#ff6a4d;
  --vp-text:#f3ece9; --vp-muted:#9b8f8b; --vp-line:rgba(240,201,64,.16); --vp-bg2:#140c0e;
}
body{ background:radial-gradient(1200px 760px at 50% -8%, #2a1113 0%, #0b0708 58%) !important; color:var(--vp-text); }

/* esconde elementos decorativos antigos do tema (partículas/aurora) que destoam */
#dx-particles, .dx-aurora{ display:none !important; }

/* ===================== AUTH (login / register) ===================== */
.auth-page{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:96px 18px 64px; }
.auth-box{
  background:linear-gradient(180deg, rgba(26,16,18,.94), rgba(13,8,9,.97)) !important;
  border:1px solid var(--vp-line) !important; border-radius:18px !important; padding:36px 32px !important;
  max-width:430px; width:100%; box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 54px rgba(255,59,48,.08) !important;
  backdrop-filter:blur(8px);
}
.auth-logo{ text-align:center; margin-bottom:16px; font-family:Cinzel,serif; font-weight:800; font-size:1.15rem; letter-spacing:.1em; color:var(--vp-gold); }
.auth-title{
  font-family:Cinzel,serif !important; font-weight:800 !important; text-align:center; font-size:1.75rem !important; line-height:1.08; margin:0 0 6px !important;
  background:linear-gradient(100deg,var(--vp-gold),var(--vp-crimson2)); -webkit-background-clip:text; background-clip:text; color:transparent !important;
}
.auth-sub{ text-align:center; color:var(--vp-muted) !important; font-size:.9rem; margin-bottom:24px; }
.form-group{ margin-bottom:16px; }
.form-label{ display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.14em; color:var(--vp-muted) !important; font-weight:800; margin-bottom:7px; }
.form-input{
  width:100%; background:var(--vp-bg2) !important; border:1px solid var(--vp-line) !important; border-radius:10px !important;
  padding:12px 14px !important; color:var(--vp-text) !important; font-size:.95rem; font-family:inherit; transition:border-color .15s, box-shadow .15s;
}
.form-input:focus{ outline:none; border-color:var(--vp-gold) !important; box-shadow:0 0 0 3px rgba(240,201,64,.15) !important; }
.btn-primary{
  background:linear-gradient(100deg,var(--vp-gold),var(--vp-crimson2)) !important; color:#1a0d06 !important; border:0 !important;
  border-radius:11px !important; padding:13px 18px !important; font-weight:800 !important; font-family:Cinzel,serif !important; letter-spacing:.04em; cursor:pointer; transition:filter .15s, transform .1s;
}
.btn-primary:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.btn-block{ width:100%; display:block; }
.btn-outline{
  background:transparent !important; border:1px solid var(--vp-line) !important; color:var(--vp-text) !important; border-radius:11px !important;
  padding:12px 18px !important; font-weight:700 !important; text-align:center; transition:border-color .15s, background .15s;
}
.btn-outline:hover{ border-color:var(--vp-gold) !important; background:rgba(240,201,64,.06) !important; }
.auth-divider{ text-align:center; color:var(--vp-muted) !important; font-size:.74rem; text-transform:uppercase; letter-spacing:.12em; margin:18px 0 12px; }
.form-error{ color:#ff6b6b !important; }
.form-success{ color:#39d98a !important; }

/* ===================== títulos de seção (ranking/download) → home ===================== */
.section-title{ font-family:Cinzel,serif !important; letter-spacing:0 !important; }
.section-title, .section-title span, .section-title .accent{
  background:linear-gradient(100deg,var(--vp-gold),var(--vp-crimson2)) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.section-badge{ font-family:Cinzel,serif !important; color:var(--vp-gold) !important; background:rgba(240,201,64,.08) !important; border:1px solid var(--vp-line) !important; }

/* ===================== VERM BODY SKIN (cards/perfil/market/stat internos) ===================== */
.section-card,.stat-card,.market-card,.info-card,.glass-card,.profile-card,.shop-card,.box-card{
  background:linear-gradient(180deg,rgba(26,16,18,.62),rgba(15,9,10,.52)) !important;
  border:1px solid rgba(255,255,255,.06) !important; border-radius:16px !important;
  box-shadow:0 10px 36px rgba(0,0,0,.22) !important;
}
.section-card-title,.card-title,.box-title{ font-family:Cinzel,serif !important; color:var(--vp-gold) !important; font-weight:800 !important; }
.stat-card{ text-align:center; }
.stat-val,.stat-value{ font-family:Cinzel,serif !important; color:var(--vp-gold) !important; }
.stat-lbl,.stat-label{ color:var(--vp-muted) !important; text-transform:uppercase; letter-spacing:.1em; font-size:.64rem !important; }
.profile-avatar{ border:2px solid var(--vp-line) !important; box-shadow:0 0 30px rgba(255,90,30,.18) !important; }
.profile-name{ font-family:Cinzel,serif !important; }
.profile-class{ color:var(--vp-crimson2) !important; }
.profile-badge,.profile-badges>*{ background:rgba(240,201,64,.1) !important; border:1px solid var(--vp-line) !important; color:var(--vp-gold) !important; }
.market-card{ transition:transform .15s, border-color .15s; }
.market-card:hover{ transform:translateY(-2px); border-color:var(--vp-line) !important; }
.market-btn,.market-pay-btn,.shop-btn,.box-btn{ font-family:Cinzel,serif !important; font-weight:800 !important; }
.market-btn-gold,.market-pay-btn{ background:linear-gradient(100deg,var(--vp-gold),var(--vp-crimson2)) !important; color:#1a0d06 !important; border:0 !important; }
.market-input,.shop-input,.dx-input{ background:var(--vp-bg2) !important; border:1px solid var(--vp-line) !important; color:var(--vp-text) !important; border-radius:10px !important; }
.market-input:focus,.shop-input:focus,.dx-input:focus{ border-color:var(--vp-gold) !important; outline:none; box-shadow:0 0 0 3px rgba(240,201,64,.13) !important; }
/* tabelas internas */
.data-table th,.panel-table th,.shop-table th{ font-family:Cinzel,serif !important; color:var(--vp-gold) !important; }
/* títulos de página genéricos */
.page-title,.page-hero h1,.dx-page-title{ font-family:Cinzel,serif !important; }