/* ===== Asgardia - tema escuro (roxo + dourado) ===== */
:root{
  --fundo:#120d22; --fundo2:#1b1430; --painel:#221a3d; --painel2:#2b2150; --borda:#3d3066;
  --texto:#e9e5f5; --suave:#b9b0d8; --apagado:#8a80ad; --ouro:#e2bd5a; --ouro2:#c9a23f;
  --verde:#4fc27a; --vermelho:#e0607a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--fundo);color:var(--texto);font-family:'Nunito Sans',Segoe UI,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.55;
  background-image:radial-gradient(1200px 500px at 50% -120px,#3a2a6e 0%,rgba(18,13,34,0) 70%)}
a{color:var(--ouro);text-decoration:none}
a:hover{color:#fff;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
h1,h2,h3,h4{font-family:Cinzel,Georgia,serif;color:var(--ouro);font-weight:700;letter-spacing:.5px}
h2{font-size:24px;margin:0 0 16px;border-bottom:1px solid var(--borda);padding-bottom:10px}
h3{font-size:18px;margin:22px 0 10px}
h3:first-letter{font-size:inherit}
p{margin:0 0 12px}
table{border-collapse:collapse}
tr,td,th{font-size:14px}

/* topo */
#topbar{background:#0c0818;border-bottom:1px solid var(--borda);font-size:13px}
#topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
#topbar .servidor{color:var(--apagado)}
#topbar .links a{color:var(--suave);margin-left:18px}
#topbar .links a:hover{color:var(--ouro)}
#cabecalho{background:rgba(27,20,48,.92);border-bottom:2px solid var(--ouro2);position:sticky;top:0;z-index:50;backdrop-filter:blur(6px)}
#cabecalho .wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px}
#logo{display:flex;flex-direction:column;line-height:1}
#logo span{font-family:Cinzel,serif;font-size:32px;letter-spacing:6px;color:var(--ouro);text-shadow:0 0 18px rgba(226,189,90,.35)}
#logo small{font-size:10px;letter-spacing:5px;color:var(--suave);margin-top:4px}
#nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
#nav a{color:var(--texto);padding:9px 13px;font-weight:600;font-size:14px;border-radius:4px;transition:.15s}
#nav a:hover,#nav a.ativo{color:var(--ouro);background:rgba(226,189,90,.08)}
#nav a.entrar,#nav a.conta{background:var(--ouro2);color:#1b1430;margin-left:8px}
#nav a.entrar:hover,#nav a.conta:hover{background:var(--ouro);color:#1b1430}
#nav a.sair{color:var(--apagado)}
#menu-btn{display:none;background:none;border:1px solid var(--borda);color:var(--ouro);font-size:22px;padding:4px 10px;cursor:pointer}
#adminbar{background:#2a1420;border-bottom:1px solid #5a2a3a;font-size:13px}
#adminbar .wrap{padding-top:7px;padding-bottom:7px}
#adminbar strong{color:var(--vermelho);margin-right:6px}
#adminbar a{color:#f0c9d3;margin-right:12px}

/* conteúdo */
#principal{padding-top:28px;padding-bottom:40px;min-height:60vh}
#conteudo{background:var(--fundo2);border:1px solid var(--borda);border-radius:8px;padding:26px 28px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#principal.home #conteudo{background:none;border:0;padding:0;box-shadow:none}

/* rodapé */
#rodape{border-top:1px solid var(--borda);background:#0c0818;padding:22px 0;color:var(--apagado);font-size:13px;text-align:center}
#rodape .marca{font-family:Cinzel,serif;color:var(--ouro);letter-spacing:3px;margin-right:6px}
#rodape .pequeno{margin-top:4px;font-size:12px}

/* tabelas do Flux */
.horizontal-table,.vertical-table,.generic-form-table{width:100%;border:1px solid var(--borda);background:var(--painel);margin-bottom:16px}
.horizontal-table th,.vertical-table th,.generic-form-table th{background:var(--painel2);color:var(--ouro);border:1px solid var(--borda);padding:9px 10px;font-weight:700;text-align:left}
.horizontal-table td,.vertical-table td,.generic-form-table td{border:1px solid var(--borda);padding:8px 10px;color:var(--texto);background:transparent}
.horizontal-table tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.horizontal-table tr:hover td{background:rgba(226,189,90,.05)}
.horizontal-table th a,.vertical-table th a{color:var(--ouro)}
.install_table th,.install_table td{border:1px solid var(--borda)}
.character-stats td{border-color:var(--borda)}

/* formulários */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=file],textarea,select{
  background:#150f28!important;color:var(--texto)!important;border:1px solid var(--borda)!important;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:14px}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:var(--ouro2)!important}
input[type=submit],button[type=submit],.submit_button,.botao{background:var(--ouro2);color:#1b1430;border:0;border-radius:4px;padding:9px 20px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
input[type=submit]:hover,button[type=submit]:hover,.submit_button:hover,.botao:hover{background:var(--ouro);color:#1b1430}
.botao.sec{background:var(--painel2);color:var(--texto);border:1px solid var(--borda)}
#register_form table td,#login_form table td{padding:8px 6px}
#register_form table th label,#login_form table th label{color:var(--suave)}
.search-form,.search-form2{background:var(--painel);border:1px solid var(--borda);padding:14px;border-radius:6px;margin-bottom:14px}
.search-form label,.search-form2 label{color:var(--suave)}
label:hover{color:var(--ouro)}

/* mensagens */
.message{background:rgba(79,194,122,.12);border:1px solid #2f7a4d;color:#c9f0d6;padding:10px 14px;border-radius:6px}
.notice,.important{background:rgba(226,189,90,.1);border:1px solid var(--ouro2);color:#f3e2b3;padding:10px 14px;border-radius:6px}
.red{color:var(--vermelho)}
.green,.up,.online{color:var(--verde)}
.down,.offline{color:var(--vermelho)}
.not-applicable,.note,.info-text,.info-text-total,.info-text-results{color:var(--apagado)}
.keyword,.request,.fs-path{color:var(--ouro);background:none}
.raw-txn-log,.script-line,textarea{background:#150f28;color:var(--texto)}

/* paginação e submenus */
.pages{margin:14px 0}
.pages a,.pages .page-num,.pages .current-page{display:inline-block;padding:4px 10px;border:1px solid var(--borda);border-radius:4px;margin:2px;background:var(--painel)}
.pages .current-page{background:var(--ouro2);color:#1b1430;font-weight:700}
#submenu,#pagemenu{background:var(--painel);border:1px solid var(--borda);border-radius:6px;padding:8px 12px;margin-bottom:16px;color:var(--apagado)}
#pagemenu a,#submenu a{color:var(--suave)}
.current-sub-menu{color:var(--ouro)!important;font-weight:700}

/* lojas / caixas */
.shop-table td{border-color:var(--borda)}
.cost,.qty{color:var(--ouro)}
.credit-balance{background:var(--painel);border:1px solid var(--borda)}

/* ===== Página inicial ===== */
.hero{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--borda);
  background:linear-gradient(135deg,#3b2a6b 0%,#1b1430 55%,#120d22 100%);padding:46px 44px;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 220px at 85% 20%,rgba(226,189,90,.18),transparent 70%);pointer-events:none}
.hero h1{font-size:44px;margin:0 0 6px;letter-spacing:6px;text-shadow:0 0 24px rgba(226,189,90,.3)}
.hero .slogan{color:var(--suave);font-size:16px;max-width:520px}
.hero .acoes{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.hero .acoes a{display:inline-block}
.status-box{background:rgba(12,8,24,.7);border:1px solid var(--borda);border-radius:8px;padding:16px 20px;min-width:240px;position:relative}
.status-box h4{margin:0 0 10px;font-size:15px}
.status-box .linha{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed rgba(61,48,102,.6);font-size:14px}
.status-box .linha:last-child{border:0}
.bolinha{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.bolinha.on{background:var(--verde);box-shadow:0 0 8px var(--verde)}
.bolinha.off{background:var(--vermelho)}
.grade{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}
.caixa{background:var(--fundo2);border:1px solid var(--borda);border-radius:8px;padding:22px 24px}
.caixa h2{font-size:20px}
.noticias{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.noticia{background:var(--painel);border:1px solid var(--borda);border-radius:6px;padding:14px 16px}
.noticia .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1b1430;background:var(--ouro2);padding:2px 8px;border-radius:3px}
.noticia h4{margin:8px 0 6px;font-size:16px;color:var(--texto);font-family:'Nunito Sans',sans-serif}
.noticia .data{font-size:12px;color:var(--apagado)}
.noticia .corpo{font-size:14px;color:var(--suave);max-height:5.2em;overflow:hidden}
.login-rapido label{display:block;font-size:13px;color:var(--suave);margin:10px 0 4px}
.login-rapido input[type=text],.login-rapido input[type=password]{width:100%}
.login-rapido .botao{width:100%;margin-top:14px}
.login-rapido .registrar{text-align:center;font-size:13px;margin-top:12px;color:var(--apagado)}
.etapas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.etapa{background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start}
.etapa .num{font-family:Cinzel,serif;font-size:30px;color:var(--ouro);line-height:1;min-width:42px}
.etapa h4{margin:0 0 6px;font-size:17px}
.etapa p{color:var(--suave);font-size:14px}
.info-geral{margin-top:24px}

/* ===== Info ===== */
.tabela-rates{width:100%;border-collapse:collapse;margin-bottom:18px}
.tabela-rates td,.tabela-rates th{border:1px solid var(--borda);padding:9px 12px}
.tabela-rates th{background:var(--painel2);color:var(--ouro);text-align:left;width:45%}
.tabela-rates td{background:var(--painel)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 18px}
.card{background:var(--painel);border:1px solid var(--borda);border-radius:6px;padding:14px 16px}
.card h4{margin:0 0 6px;font-size:15px}
.card p{color:var(--suave);font-size:14px;margin:0}
.cmd{font-family:Consolas,monospace;color:var(--ouro);background:#150f28;padding:1px 6px;border-radius:3px}
.passos{counter-reset:passo;list-style:none;padding:0}
.passos li{position:relative;padding:12px 14px 12px 56px;background:var(--painel);border:1px solid var(--borda);border-radius:6px;margin-bottom:10px}
.passos li:before{counter-increment:passo;content:counter(passo);position:absolute;left:14px;top:10px;font-family:Cinzel,serif;font-size:22px;color:var(--ouro)}

@media (max-width:900px){
  .grade,.etapas,.noticias{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  #menu-btn{display:block}
  #nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:12px}
  #nav.aberto{display:flex}
  #cabecalho .wrap{flex-wrap:wrap}
  #topbar .links{display:none}
  .hero{padding:30px 22px}.hero h1{font-size:32px}
  #conteudo{padding:18px}
}
@media (max-width:560px){ .cards{grid-template-columns:1fr} }