/* ============================================================
   AgilizaBot — página "em breve"
   Sem dependências externas: fontes locais em /assets/fonts.
   ============================================================ */

@font-face{font-family:"AGZ Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/inter-latin-400.woff2") format("woff2")}
@font-face{font-family:"AGZ Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/inter-latin-600.woff2") format("woff2")}
@font-face{font-family:"AGZ Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/space-grotesk-latin-500.woff2") format("woff2")}
@font-face{font-family:"AGZ Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/space-grotesk-latin-700.woff2") format("woff2")}

:root{
  --bg:#0B0E0D;
  --bg-2:#101513;
  --lima:#25D366;
  --lima-forte:#5CEB93;
  --texto:#F2F5F2;
  --texto-2:#9DB0A6;
  --linha:rgba(37,211,102,.16);
  --vidro:rgba(17,22,20,.62);
  --raio:22px;
  --fonte:"AGZ Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fonte-titulo:"AGZ Grotesk","AGZ Inter",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(1200px 700px at 50% -10%, #0C2216 0%, transparent 60%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);
  color:var(--texto);
  font-family:var(--fonte);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ---------- fundo ---------- */
.aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{
  position:absolute;border-radius:50%;filter:blur(90px);opacity:.28;
  will-change:transform;
}
.b1{width:46vmax;height:46vmax;left:-12vmax;top:-14vmax;background:radial-gradient(circle,#1E9E52 0%,transparent 65%);animation:flutua1 26s ease-in-out infinite}
.b2{width:38vmax;height:38vmax;right:-10vmax;top:18vh;background:radial-gradient(circle,#25D366 0%,transparent 65%);animation:flutua2 32s ease-in-out infinite}
.b3{width:34vmax;height:34vmax;left:22vw;bottom:-16vmax;background:radial-gradient(circle,#25D366 0%,transparent 62%);opacity:.16;animation:flutua3 38s ease-in-out infinite}

@keyframes flutua1{50%{transform:translate3d(6vmax,4vmax,0) scale(1.08)}}
@keyframes flutua2{50%{transform:translate3d(-5vmax,6vmax,0) scale(1.12)}}
@keyframes flutua3{50%{transform:translate3d(4vmax,-5vmax,0) scale(1.06)}}

.grain{
  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");
}

/* ---------- topo ---------- */
.topo{
  position:relative;z-index:2;
  padding:clamp(16px,3vw,26px) clamp(20px,5vw,48px);
  display:flex;align-items:center;
}
.marca{
  display:inline-flex;align-items:center;gap:15px;
  text-decoration:none;color:var(--texto);
  border-radius:16px;
}
.marca:focus-visible{outline:2px solid var(--lima);outline-offset:6px}
.marca__simbolo{width:60px;height:60px;display:block;border-radius:16px;filter:drop-shadow(0 6px 22px rgba(37,211,102,.32))}
.marca__nome{
  font-family:var(--fonte-titulo);font-weight:700;font-size:27px;letter-spacing:-.02em;
}
.marca__nome span{color:var(--lima)}

/* ---------- palco ---------- */
.palco{
  position:relative;z-index:2;flex:1;
  display:grid;place-items:center;
  padding:clamp(10px,2vw,20px) clamp(18px,5vw,48px) clamp(20px,3vw,32px);
}

.cartao{
  position:relative;
  width:min(700px,100%);
  padding:clamp(24px,3.6vw,38px);
  border-radius:var(--raio);
  background:var(--vidro);
  border:1px solid var(--linha);
  box-shadow:
    0 30px 80px -30px rgba(0,0,0,.9),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 1px 0 rgba(255,255,255,.06) inset;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  animation:entra .8s cubic-bezier(.16,1,.3,1) both;
}
/* linha de luz no topo do cartão */
.cartao::before{
  content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,211,102,.75),transparent);
}
@keyframes entra{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}

.selo{
  display:inline-flex;align-items:center;gap:9px;
  margin:0 0 22px;
  padding:7px 14px 7px 11px;
  border-radius:999px;
  background:rgba(37,211,102,.08);
  border:1px solid rgba(37,211,102,.22);
  color:#BDF0D3;
  font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
}
.pulso{
  width:7px;height:7px;border-radius:50%;background:var(--lima);
  box-shadow:0 0 0 0 rgba(37,211,102,.65);
  animation:pulso 2.4s ease-out infinite;
}
@keyframes pulso{
  70%{box-shadow:0 0 0 9px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

h1{
  margin:0 0 16px;
  font-family:var(--fonte-titulo);
  font-weight:700;
  font-size:clamp(1.9rem,5vw,2.9rem);
  line-height:1.06;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.realce{
  background:linear-gradient(100deg,var(--lima-forte) 0%,#25D366 55%,#1E9E52 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.sub{
  margin:0 0 22px;
  color:var(--texto-2);
  font-size:clamp(.98rem,1.6vw,1.06rem);
  max-width:52ch;
}

.aviso{
  display:flex;gap:11px;align-items:flex-start;
  margin:0 0 22px;padding:12px 15px;
  border-radius:13px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  color:#D3DCD8;font-size:.9rem;line-height:1.5;
}
.aviso svg{
  flex:0 0 auto;width:18px;height:18px;margin-top:2px;
  fill:none;stroke:var(--lima);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}

/* ---------- formulário ---------- */
.form{display:grid;gap:13px}
.form__linha{display:grid;gap:13px}
.campo{display:grid;gap:6px}
.campo label{
  font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:#9FAFA8;
}
.campo input{
  width:100%;
  padding:13px 15px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(0,0,0,.28);
  color:var(--texto);
  font-family:inherit;font-size:1rem;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.campo input::placeholder{color:#6C7A73}
.campo input:hover{border-color:rgba(255,255,255,.18)}
.campo input:focus{
  outline:none;
  border-color:rgba(37,211,102,.6);
  background:rgba(0,0,0,.4);
  box-shadow:0 0 0 4px rgba(37,211,102,.13);
}
.campo input[aria-invalid="true"]{
  border-color:#FF8578;
  box-shadow:0 0 0 4px rgba(255,138,122,.12);
}
.campo--oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.botao{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-top:4px;
  padding:14px 22px;
  border:0;border-radius:12px;
  background:linear-gradient(180deg,var(--lima-forte),var(--lima));
  color:#06130C;
  font-family:inherit;font-size:1rem;font-weight:600;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
  box-shadow:0 10px 26px -10px rgba(37,211,102,.65);
}
.botao svg{
  width:18px;height:18px;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .18s ease;
}
.botao:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 14px 30px -10px rgba(37,211,102,.75)}
.botao:hover svg{transform:translateX(3px)}
.botao:active{transform:translateY(0)}
.botao:focus-visible{outline:2px solid var(--lima-forte);outline-offset:3px}
.botao[disabled]{opacity:.65;cursor:progress;transform:none}

.nota{margin:2px 0 0;font-size:.8rem;color:#7C8A83}
.retorno{margin:0;font-size:.9rem;min-height:1.2em}
.retorno.ok{color:var(--lima)}
.retorno.erro{color:#FFB3A8}

/* ---------- rodapé ---------- */
.rodape{
  position:relative;z-index:2;
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;
  padding:14px clamp(18px,5vw,48px) 20px;
  color:#737F79;font-size:.85rem;
}
.rodape p{margin:0}
.rodape a{color:#98A8A1;text-decoration:none;border-bottom:1px solid transparent;transition:color .18s ease,border-color .18s ease}
.rodape a:hover{color:var(--lima);border-bottom-color:rgba(37,211,102,.4)}
.rodape a:focus-visible{outline:2px solid var(--lima);outline-offset:3px;border-radius:3px}
.rodape__sep{opacity:.5}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .cartao{animation:none}
}

/* ---------- ecrãs largos ---------- */
@media (min-width:640px){
  .form__linha{grid-template-columns:1fr 1fr;gap:14px}
}

/* ---------- ecrãs pequenos ---------- */
@media (max-width:520px){
  .cartao{border-radius:18px}
  .selo{font-size:11.5px;letter-spacing:.05em}
  .botao{width:100%}
}