/* === landing.css — PROJETO 2 (cores padronizadas iguais ao PROJETO 1) === */
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@700;800&family=Inter:wght@400;500;600&display=swap');

.landing-page {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: transparent; 
  z-index: 9999; 
  display: flex; align-items: center; justify-content: center;
  transition: opacity 0.5s ease;
}
.landing-page.hidden { opacity: 0; pointer-events: none; }

.landing-content { text-align: center; color: #0A0F15; padding-inline: 1rem; }

/* Título expressivo (BRANCO) */
.landing-content h1{
  font-family:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight:800;
  font-size:clamp(2.4rem, 6vw, 4rem);
  line-height:1.06;
  letter-spacing:-.02em;
  margin:.35rem 0 .25rem;
  color:#fff;
  text-shadow:0 2px 20px rgba(0,0,0,.40), 0 1px 2px rgba(0,0,0,.55);
}

/* Subtítulo elegante (BRANCO suave) */
.landing-content p{
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight:500;
  font-size:clamp(1rem,1.8vw,1.2rem);
  letter-spacing:.015em;
  color:rgba(255,255,255,.92);
  max-width:780px;
  margin:.25rem auto 1.4rem;
  text-shadow:0 2px 10px rgba(0,0,0,.40);
}

.landing-logo{ max-width:250px; margin-bottom:20px; }

/* Entrada suave */
.landing-content>*{ opacity:0; transform:translateY(14px) scale(.995); animation:fadeUp .75s ease-out forwards; }
.landing-content img{ animation-delay:.10s; }
.landing-content h1{ animation-delay:.22s; }
.landing-content p{  animation-delay:.38s; }
.landing-content button{ animation-delay:.54s; }

/* Botão (MESMAS CORES) */
.landing-content button{
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  border:none; border-radius:50px;
  padding:.7rem 1.4rem;
  font-size:.95rem; font-weight:700; color:#fff;
  box-shadow:0 12px 28px rgba(37,99,235,.35);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  cursor:pointer;
}
.landing-content button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(37,99,235,.45);
  filter:brightness(1.05);
}

@keyframes fadeUp{
  from{ opacity:0; transform:translateY(14px) scale(.995); }
  to{   opacity:1; transform:translateY(0)    scale(1); }
}

/* Partículas (sem cor de fundo para manter o dark do canvas) */
#particles-js{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; }

body.landing-active header{ display:none; }
.open-sidebar-btn{ position:fixed; top:20px; right:20px; z-index:100000; pointer-events:auto; }
.sidebar-container{ position:fixed; top:0; right:0; z-index:100001; pointer-events:auto; }
#logoCanvas{ display:block; margin:0 auto 20px; max-width:250px; }
body.modal-open .landing-page{ display:none; }