/* Black 2026 · A Virada do Jogo: estilo compartilhado das páginas */
:root{
  --preto:#070707;
  --preto-2:#111110;
  --preto-3:#1a1813;
  --ouro:#e9b949;
  --ouro-claro:#ffe08a;
  --ouro-escuro:#9a6b12;
  --gradiente-ouro:linear-gradient(100deg,#9a6b12 0%,#e9b949 25%,#fff0b3 50%,#e9b949 75%,#9a6b12 100%);
  --texto:#f4efe4;
  --texto-2:#bdb4a2;
  --borda:rgba(233,185,73,.28);
  --raio:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--preto);color:var(--texto);font-family:Montserrat,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
a{color:var(--ouro)}
.container{width:min(1140px,100% - 32px);margin-inline:auto}
.estreito{max-width:760px;text-align:center}

/* Texto dourado com brilho passando devagar */
.ouro{background:var(--gradiente-ouro);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilho 7s linear infinite}
@keyframes brilho{to{background-position:250% center}}

.selo{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);border:1px solid var(--borda);border-radius:999px;padding:.45em 1.1em;margin-bottom:1.1rem;background:rgba(233,185,73,.06)}

/* Faixa rolando */
.faixa{background:var(--gradiente-ouro);background-size:200% auto;color:#1a1204;overflow:hidden;white-space:nowrap;padding:.7rem 0;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.faixa-invertida{background:var(--preto-3);color:var(--ouro);border-block:1px solid var(--borda)}
.faixa-trilho{display:inline-flex;gap:1.4rem;align-items:center;animation:rolar 45s linear infinite;padding-left:1.4rem}
.faixa-trilho.reverso{animation-direction:reverse}
.faixa i{font-style:normal;opacity:.75}
@keyframes rolar{to{transform:translateX(-50%)}}

/* Hero */
.hero{position:relative;padding:64px 0 72px;background:radial-gradient(ellipse at 20% 0%,rgba(233,185,73,.18),transparent 55%),radial-gradient(ellipse at 90% 80%,rgba(233,185,73,.10),transparent 50%),var(--preto);overflow:hidden}
.brilhos{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 22%,#ffe08a,transparent),radial-gradient(1.5px 1.5px at 78% 14%,#ffe08a,transparent),radial-gradient(2px 2px at 64% 72%,#ffe08a,transparent),radial-gradient(1.5px 1.5px at 30% 84%,#ffe08a,transparent),radial-gradient(2px 2px at 90% 46%,#ffe08a,transparent),radial-gradient(1.5px 1.5px at 46% 36%,#ffe08a,transparent);animation:piscar 5s ease-in-out infinite alternate}
@keyframes piscar{from{opacity:.25}to{opacity:.9}}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;font-weight:900;letter-spacing:-.02em;margin-bottom:1.1rem}
.lead{font-size:1.08rem;color:var(--texto-2);max-width:560px}
.lead strong{color:var(--texto)}
.data-destaque{display:flex;flex-wrap:wrap;gap:12px;margin:1.6rem 0 1.1rem}
.data-destaque>div{border:1px solid var(--borda);background:var(--preto-2);border-radius:14px;padding:.8rem 1.1rem}
.data-destaque small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2)}
.data-destaque strong{font-size:1.15rem;color:var(--ouro-claro)}
.data-destaque em{font-style:normal;font-weight:500;font-size:.85rem;color:var(--texto-2)}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.6rem}
.tags li{font-size:.82rem;font-weight:600;padding:.45em .9em;border-radius:999px;background:rgba(233,185,73,.1);color:var(--ouro-claro)}

/* Contador */
.contador{display:flex;gap:10px}
.contador>div{flex:1;max-width:96px;text-align:center;background:linear-gradient(180deg,#1d1a12,#0d0c09);border:1px solid var(--borda);border-radius:14px;padding:.75rem .3rem;box-shadow:inset 0 1px 0 rgba(255,224,138,.12)}
.contador b{display:block;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900;font-variant-numeric:tabular-nums;color:var(--ouro-claro);line-height:1.1}
.contador span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--texto-2)}

/* Card do formulário */
.card-form{position:relative;background:linear-gradient(180deg,#15130e,#0b0a08);border:1px solid var(--borda);border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(233,185,73,.08),0 0 60px rgba(233,185,73,.12)}
.card-form::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:var(--gradiente-ouro);background-size:300% auto;animation:brilho 9s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.logo-form{width:150px;margin:-4px auto 8px;border-radius:12px;animation:flutuar 6s ease-in-out infinite}
@keyframes flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.card-form h2{text-align:center;font-size:1.6rem;font-weight:900;margin-bottom:.3rem}
.card-form>p{text-align:center;color:var(--texto-2);font-size:.95rem;margin-bottom:1.1rem}
form{display:grid;gap:10px}
form input[type=text],form input[type=email],form input[type=tel]{width:100%;font:inherit;font-size:1rem;color:var(--texto);background:#0a0907;border:1px solid rgba(233,185,73,.25);border-radius:12px;padding:.95rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s}
form input::placeholder{color:#7d7566}
form input:focus{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(233,185,73,.18)}
.lgpd{font-size:.72rem;color:#8d8576;line-height:1.45}
.lgpd a{color:var(--ouro)}
.check{display:flex;gap:.55rem;align-items:center;font-size:.85rem;color:var(--texto-2);cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--ouro);flex:none}
.seguro{text-align:center;font-size:.78rem;color:#8d8576}
.erro-form{font-size:.85rem;color:#ff9b8a;text-align:center}

/* Botão dourado */
.botao{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;width:100%;font:inherit;font-weight:900;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#1a1204;background:var(--gradiente-ouro);background-size:220% auto;border:0;border-radius:14px;padding:1.05rem 1.4rem;cursor:pointer;box-shadow:0 10px 30px rgba(233,185,73,.28);animation:brilho 6s linear infinite,pulsar 2.8s ease-in-out infinite;transition:transform .2s}
.botao:hover{transform:translateY(-2px)}
.botao[disabled]{opacity:.7;cursor:wait}
@keyframes pulsar{0%,100%{box-shadow:0 10px 30px rgba(233,185,73,.25)}50%{box-shadow:0 10px 44px rgba(233,185,73,.5)}}
.secao .botao,.final .botao{width:auto;min-width:min(340px,100%)}

/* Seções */
.secao{padding:88px 0}
.titulo{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;line-height:1.15;text-align:center;margin-bottom:.8rem;letter-spacing:-.01em}
.sub{color:var(--texto-2);text-align:center;max-width:680px;margin:0 auto 2.4rem;font-size:1.03rem}
.esq{text-align:left;margin-left:0}

.cards-aulas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card-aula{position:relative;background:var(--preto-2);border:1px solid rgba(255,255,255,.07);border-radius:var(--raio);padding:26px;display:flex;flex-direction:column;gap:.45rem;transition:transform .3s,border-color .3s}
.card-aula:hover{transform:translateY(-4px);border-color:var(--borda)}
.card-aula .num{font-size:2.6rem;font-weight:900;line-height:1;background:var(--gradiente-ouro);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilho 7s linear infinite}
.card-aula .quando{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro)}
.card-aula h3{font-size:1.25rem;font-weight:800}
.card-aula p{color:var(--texto-2);font-size:.95rem;flex:1}
.agenda{margin-top:.6rem;align-self:flex-start;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--ouro-claro);border:1px solid var(--borda);border-radius:999px;padding:.5em 1em;transition:background .2s}
.agenda:hover{background:rgba(233,185,73,.12)}
.grande-dia{background:linear-gradient(160deg,#2a2210,#0f0d08);border-color:var(--borda)}

.caixa{background:radial-gradient(ellipse at 30% 50%,rgba(233,185,73,.14),transparent 60%),var(--preto-2)}
.caixa-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.foto-moldura{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--borda);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 70px rgba(233,185,73,.15);max-width:440px;margin-inline:auto;animation:flutuar 7s ease-in-out infinite}
.foto-moldura img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.lista-ouro{list-style:none;display:grid;gap:.7rem;margin:0 0 2rem}
.lista-ouro li{position:relative;padding-left:1.8rem;font-weight:600}
.lista-ouro li::before{content:"✦";position:absolute;left:0;color:var(--ouro)}

.final{text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(233,185,73,.16),transparent 60%),var(--preto)}
.logo-final{width:220px;margin:0 auto 1.2rem;border-radius:16px;animation:flutuar 6s ease-in-out infinite}

.rodape{padding:32px 0 40px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:.82rem;color:#8d8576}
.rodape .mini{font-size:.72rem;margin-top:.4rem;opacity:.8}

/* Aparecer ao rolar */
.revelar{transform:translateY(18px);transition:transform .9s ease}
.revelar.visivel{transform:none}

@media (max-width:900px){
  .hero{padding:40px 0 56px}
  .hero-grid,.caixa-grid{grid-template-columns:1fr;gap:36px}
  .cards-aulas{grid-template-columns:1fr}
  .secao{padding:64px 0}
  .esq{text-align:center;margin-inline:auto}
  .caixa-grid>div:last-child{text-align:center}
  .lista-ouro{justify-items:center}
  .contador>div{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before{animation:none!important;transition:none!important}
  .revelar{transform:none}
}