*,*::before,*::after{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;overflow-x:hidden;margin:0;padding:0}
.dot-bg{background-color:#071826;position:relative}
.dot-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,0.12) 1.2px,transparent 1px);background-size:24px 24px;pointer-events:none}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:100;justify-content:center;align-items:center;padding:1rem;overflow-y:auto}
.modal-content{position:relative;background:#071826;border-radius:.5rem;padding:1.5rem;width:calc(100%-2rem);max-width:900px;max-height:90vh;overflow-y:auto;overflow-x:hidden}
.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem}
.close-button{position:absolute;top:1rem;right:1rem;background:#dc2626;border:none;color:#fff;font-size:1.5rem;width:2.5rem;height:2.5rem;border-radius:9999px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s;z-index:101}
.close-button:hover{background:#ef4444}
@media(max-width:768px){
  .modal-content{width:calc(100%-1rem);padding:1rem}
  .close-button{top:.5rem;right:.5rem;background:rgba(0,0,0,.5)}
}
.btn-detalhes{background:transparent;border:1px solid #f97316;color:#f97316;font-weight:500;padding:.4rem 1rem;font-size:.875rem;border-radius:.375rem;transition:all .2s}
.btn-detalhes:hover{background:#f97316;color:#071826}
.btn-matricular{background:#f97316;border:1px solid #f97316;color:#fff;font-weight:500;padding:.4rem 1rem;font-size:.875rem;border-radius:.375rem;transition:all .2s}
.btn-matricular:hover{background:#ea580c;border-color:#ea580c}
.card-destaque{border:2px solid #f97316}
body,.dot-bg,header,.bg-\[\#071826\],.bg-\[\#061420\]{background-color:#0c1011!important}
.card,.modal-content,.bg-\[\#111618\]{background-color:#111618!important}
h1,h2,h3,h4,h5,p,a,button,.text-white,.text-gray-300,.text-gray-400{color:#fff!important}
a:hover,.hover\:text-white:hover{color:#fff!important}
.text-neon-blue,.bg-neon-blue,.text-\[\#00cfff\],.bg-\[\#00cfff\]{color:#00cfff!important}
.btn-matricular,.bg-orange-600,.bg-\[\#00cfff\],.fa-check-circle,.fa-envelope,.fa-clock,.fa-whatsapp{color:#0c1011!important;background-color:#00cfff!important}
.text-orange-500,.text-orange-600,.border-orange-600,.fa-robot,.fa-brain,.fab.fa-twitter{color:#00cfff!important;border-color:#00cfff!important}
.btn-matricular:hover,.hover\:bg-orange-700:hover,.hover\:bg-orange-600:hover{background-color:#00a3d9!important;color:#fff!important}
.filter-btn.active{background-color:#00cfff!important;color:#fff!important;border-color:#00cfff!important}
.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(255 255 255)!important}
.text-yellow-400{--tw-text-opacity:1;color:#fff!important}
.card-destaque{border:2px solid #00cfff!important}
.btn-detalhes{background:transparent!important;border:1px solid #00cfff!important;color:#00cfff!important;font-weight:500!important;padding:.4rem 1rem!important;font-size:.875rem!important;border-radius:.375rem!important;transition:all .2s!important}
.btn-matricular{background:#00cfff!important;border:1px solid #00cfff!important;color:#fff!important;font-weight:500!important;padding:.4rem 1rem!important;font-size:.875rem!important;border-radius:.375rem!important;transition:all .2s!important}