:root{
  --bg:#121315; --panel:#1a1c1f; --line:#2a2d31;
  --text:#e8eaed; --muted:#b0b5bd;
  --orange:#ff7a1a; --orange-2:#ff8f42;
  --radius:1.25rem;
}
html,body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;}
.header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(10px);
  background:linear-gradient(180deg,#17191b 0%,#141517 100%);border-bottom:1px solid #23262a;}
.hero{position:relative;border-radius:24px;overflow:hidden;padding:4px;
  background:radial-gradient(1200px 420px at 20% 0%, rgba(255,122,26,.18) 0%, rgba(255,122,26,0) 60%),
             linear-gradient(135deg,#1c1f23 0%, #15171a 100%);}
.hero>.inner{border-radius:20px;border:1px solid #262a2f;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));}
.brand-btn{border-radius:999px;padding:.7rem 1.1rem;font-weight:800;display:inline-flex;align-items:center;gap:.5rem;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;}
.btn-primary{background:linear-gradient(180deg,var(--orange),var(--orange-2));color:#111;border:0;box-shadow:0 8px 18px rgba(255,122,26,.18);}
.btn-primary:hover{transform:translateY(-2px) scale(1.04);filter:saturate(1.06) brightness(1.02);box-shadow:0 10px 22px rgba(255,122,26,.22);}
.btn-outline{background:transparent;border:1px solid rgba(255,122,26,.55);}
.btn-outline:hover{box-shadow:0 0 0 4px rgba(255,122,26,.22);}
.card{border-radius:18px;background:linear-gradient(180deg,#1a1d20 0%,#15171a 100%);
  border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.2);
  transition:transform .25s ease, box-shadow .25s ease;}
.card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px rgba(255,122,26,.18),0 8px 22px rgba(0,0,0,.3);}
.badge{position:absolute;top:.6rem;left:.6rem;border-radius:999px;background:linear-gradient(180deg,#ff6a00,#ff4500);
  color:#fff;font-weight:800;font-size:.75rem;padding:.25rem .6rem;}
/* Logo com brilho/animação */
.logo-glow{
  position: relative;
  border-radius: 12px;
  border: 1px solid #2a2d31;
  box-shadow: 0 0 0 4px rgba(255,122,26,.08), 0 0 30px rgba(255,122,26,.22);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.logo-glow::after{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,122,26,.28), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(255,122,26,.16), transparent 60%);
  filter: blur(14px);
  animation: emberPulse 2.8s ease-in-out infinite;
  z-index:-1;
}
.logo-glow:hover{ transform:scale(1.04); box-shadow:0 0 38px rgba(255,122,26,.35); }
@keyframes emberPulse{
  0%,100%{ opacity:.65; transform: scale(1); }
  50%    { opacity:1;   transform: scale(1.05); }
}
/* Botão WhatsApp flutuante */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:60;}
.whatsapp-float a{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-radius:999px;background:#25D366;color:#111;font-weight:800;border:0;box-shadow:0 8px 18px rgba(37,211,102,.25);}
/* Inputs/selects escuros */
.input,.select,input[type="search"].input{
  background:#1a1d20;border:1px solid #2a2d31;color:#e8eaed;border-radius:12px;
  padding:.6rem .85rem;outline:0;transition:border-color .2s, box-shadow .2s, background .2s;
}
.input::placeholder{ color:#8b929c; opacity:.9; }
.input:focus,.select:focus{ border-color:#ff7a1a; box-shadow:0 0 0 4px rgba(255,122,26,.18); }
.select{ appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14'>\
<polyline points='2,4 10,12 18,4' fill='none' stroke='%23ff7a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-repeat:no-repeat; background-position:right .7rem center; background-size:18px 12px; padding-right:2.2rem;
}
.select option{ background:#1a1d20; color:#e8eaed; }
.header .input,.header .select{ background:#14171a; }