/*
Theme Name: CEATH
Theme URI: https://ceath.io
Author: CEATH
Author URI: https://ceath.io
Description: Ecossistema brasileiro que une automação inteligente (AiBlackOps) e educação transformadora (InovaSala).
Version: 1.0.0
Text Domain: ceath
*/

::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}
@keyframes fadeUp{0%{opacity:0;transform:translateY(60px);filter:blur(12px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes float1{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(8px)}}
@keyframes float2{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(12px) translateX(-10px)}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes beam{0%{left:-100%}100%{left:100%}}
@keyframes breathe{0%,100%{opacity:.3}50%{opacity:.7}}
.anim{opacity:0;transform:translateY(40px);filter:blur(8px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.anim.show{opacity:1;transform:none;filter:none}
.anim-left{opacity:0;transform:translateX(-40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.anim-left.show{opacity:1;transform:none}
.anim-right{opacity:0;transform:translateX(40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.anim-right.show{opacity:1;transform:none}
.anim-scale{opacity:0;transform:scale(.9);filter:blur(6px);transition:all 1s cubic-bezier(.16,1,.3,1)}.anim-scale.show{opacity:1;transform:scale(1);filter:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}
.bg-grid{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.04) 1px,transparent 0);background-size:32px 32px}
.glass{background:rgba(255,255,255,.45);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4)}
.hover-lift{transition:all .5s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 30px 60px -12px rgba(0,0,0,.15)}
.hover-3d{transform-style:preserve-3d;transition:all .6s cubic-bezier(.16,1,.3,1)}.hover-3d:hover{transform:rotateX(3deg) rotateY(-3deg) translateY(-6px);box-shadow:-12px 12px 40px rgba(0,0,0,.12)}
.marquee-track{display:flex;white-space:nowrap;animation:marquee 30s linear infinite;gap:3rem;align-items:center}
.beam-line{position:relative;overflow:hidden}.beam-line::after{content:'';position:absolute;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:beam 3s cubic-bezier(.4,0,.2,1) infinite}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}
.text-outline{-webkit-text-stroke:2px #0A0A0A;color:transparent}
.perspective-container{perspective:2000px}
@keyframes card-entrance{0%{opacity:0;transform:scale(.95) rotateX(10deg) translateY(40px);filter:blur(12px)}100%{opacity:1;transform:scale(1) rotateX(0) translateY(0);filter:blur(0)}}
.animate-card{animation:card-entrance 1.4s cubic-bezier(.16,1,.3,1) forwards}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.card-top-line{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}