/* Custom CSS - only classes used in index.html (~10KB, replaces 123KB Tailwind CDN) */
/* CSS selector escaping: [ must be written as \[ in CSS */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none;color:inherit}
body{font-family:"Poppins",sans-serif;background-color:#050505;color:#d1d1d1}

/* Brand classes */
.heading{font-weight:800;text-transform:uppercase;letter-spacing:-0.02em;color:#fff}
.text-body{font-weight:500;color:#d1d1d1}
.gradient-text{background:linear-gradient(135deg,#0602de,#00f2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-heading{font-size:48px;font-weight:800;text-transform:uppercase;letter-spacing:-0.02em;color:#fff;margin-bottom:16px}
.card{background:#121212;border:1px solid #1e1e1e;border-radius:4px;padding:32px;transition:box-shadow .3s,border-color .3s}
.card:hover{box-shadow:0 0 30px rgba(6,2,222,.3);border-color:#0602de}
.counter{}
.nav-link{color:#fff;font-weight:500;transition:color .3s;position:relative}
.nav-link:hover{color:#00f2ff}
.nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#0602de,#00f2ff);transition:width .3s}
.nav-link:hover::after{width:100%}
.flip-words{display:inline-block;position:relative}
.flip-words-subtitle{display:block;position:relative;overflow:visible}
.flip-words-subtitle-wrapper{}
.flip-words-container{display:inline-block;position:relative;overflow:visible;min-width:1px}
.flip-word{display:inline-block;white-space:nowrap}
.flip-word-text{display:inline-block;font-weight:600}
.slide-in{animation:slideIn .5s ease-out}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes whatsapp-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(37,211,102,0)}}
.btn-whatsapp{animation:whatsapp-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#25d366,#128c7e)!important}
#back-to-top{animation:none}

/* Buttons */
.btn-primary{background:linear-gradient(135deg,#0602de,#00f2ff);color:#fff;padding:16px 32px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:transform .3s,box-shadow .3s;box-shadow:0 0 20px rgba(6,2,222,.4);display:inline-block}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(6,2,222,.6)}
.btn-outline{border:1px solid #00f2ff;color:#00f2ff;padding:16px 32px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:transparent;transition:background .3s,box-shadow .3s}
.btn-outline:hover{background:rgba(0,242,255,.1);box-shadow:0 0 20px rgba(0,242,255,.3)}

/* Layout */
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-50{z-index:50}.inset-0{top:0;right:0;bottom:0;left:0}
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}
.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.self-center{align-self:center}
.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}
.w-full{width:100%}.w-auto{width:auto}.w-3{width:12px}.w-5{width:20px}.w-6{width:24px}.w-8{width:32px}.w-10{width:40px}.w-12{width:48px}.w-14{width:56px}.w-16{width:64px}.w-20{width:80px}.w-64{width:256px}.w-72{width:288px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}
.h-full{height:100%}.h-0\.5{height:2px}.h-3{height:12px}.h-5{height:20px}.h-8{height:32px}.h-10{height:40px}.h-14{height:56px}.h-16{height:64px}.h-20{height:80px}.h-64{height:256px}.h-\[2px\]{height:2px}.h-\[400px\]{height:400px}.h-\[800px\]{height:800px}
.min-h-screen{min-height:100vh}.min-h-\[80px\]{min-height:80px}
.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.pointer-events-none{pointer-events:none}
.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}
.visible{visibility:visible}.invisible{visibility:hidden}
.whitespace-nowrap{white-space:nowrap}
.max-w-\[900px\]{max-width:900px}.max-w-\[1120px\]{max-width:1120px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.mt-2{margin-top:8px}

/* Spacing */
.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}
.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}
.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-16{padding-top:64px;padding-bottom:64px}.py-20{padding-top:80px;padding-bottom:80px}.py-24{padding-top:96px;padding-bottom:96px}
.pt-20{padding-top:80px}.pt-8{padding-top:32px}

/* Typography */
.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}
.sm\:text-3xl{font-size:30px}@media(min-width:640px){.sm\:text-3xl{font-size:30px}}
.font-medium{font-weight:500}.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}
.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.leading-none{line-height:1}.leading-\[1\.3\]{line-height:1.3}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.text-white{color:#fff}.text-black{color:#000}.text-\[\#00f2ff\]{color:#00f2ff}

/* Colors - solid */
.bg-transparent{background-color:transparent}
.bg-\[\#00f2ff\]{background-color:#00f2ff}.bg-\[\#050505\]{background-color:#050505}.bg-\[\#0602de\]{background-color:#0602de}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#121212\]{background-color:#121212}.bg-\[\#1E1E1E\]{background-color:#1e1e1e}.bg-white{background-color:#fff}.bg-black{background-color:#000}

/* Colors - with opacity */
.bg-\[\#050505\]\/90{background-color:rgba(5,5,5,.9)}.bg-\[\#0d0d0d\]\/90{background-color:rgba(13,13,13,.9)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-\[\#00f2ff\]\/10{background-color:rgba(0,242,255,.1)}.bg-\[\#00f2ff\]\/20{background-color:rgba(0,242,255,.2)}.bg-\[\#00f2ff\]\/30{background-color:rgba(0,242,255,.3)}.bg-\[\#0602de\]\/20{background-color:rgba(6,2,222,.2)}.bg-\[\#0602de\]\/30{background-color:rgba(6,2,222,.3)}.bg-\[\#1877F2\]{background-color:#1877F2}

/* Gradients */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}
.from-\[\#050505\]{--tw-gradient-from:#050505;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.from-\[\#0602de\]{--tw-gradient-from:#0602de;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.from-\[\#00f2ff\]{--tw-gradient-from:#00f2ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.from-\[\#25D366\]{--tw-gradient-from:#25D366;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.from-\[\#833AB4\]{--tw-gradient-from:#833AB4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8);--tw-gradient-to:transparent}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-to:transparent}
.from-\[\#0602de\]\/15{--tw-gradient-from:rgba(6,2,222,.15);--tw-gradient-to:rgba(6,2,222,0)}.from-\[\#0602de\]\/20{--tw-gradient-from:rgba(6,2,222,.2);--tw-gradient-to:rgba(6,2,222,0)}.from-\[\#0602de\]\/30{--tw-gradient-from:rgba(6,2,222,.3);--tw-gradient-to:rgba(0,242,255,0)}.from-\[\#0602de\]\/40{--tw-gradient-from:rgba(6,2,222,.4);--tw-gradient-to:transparent}
.via-\[\#00f2ff\]\/60{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,242,255,.6),var(--tw-gradient-to)}.via-\[\#FD1D1D\]{--tw-gradient-stops:var(--tw-gradient-from),#FD1D1D,var(--tw-gradient-to,transparent)}.via-black\/40{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.4),var(--tw-gradient-to)}
.to-\[\#00f2ff\]{--tw-gradient-to:#00f2ff}.to-\[\#00f2ff\]\/20{--tw-gradient-to:rgba(0,242,255,.2)}.to-\[\#0602de\]{--tw-gradient-to:#0602de}.to-\[\#128C7E\]{--tw-gradient-to:#128C7E}.to-\[\#F77737\]{--tw-gradient-to:#F77737}.to-transparent{--tw-gradient-to:transparent}

/* Borders */
.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-y{border-width:1px 0}
.border-\[\#1E1E1E\]{border-color:#1e1e1e}.border-\[\#00f2ff\]{border-color:#00f2ff}.border-\[\#00f2ff\]\/20{border-color:rgba(0,242,255,.2)}.border-\[\#00f2ff\]\/30{border-color:rgba(0,242,255,.3)}
.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}
.first\:rounded-t-lg:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.last\:rounded-b-lg:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}

/* Shadows */
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-black\/50{box-shadow:0 0 20px rgba(0,0,0,.5)}

/* Transitions */
.transition-all{transition:all .3s}.transition-colors{transition:color .3s,background-color .3s,border-color .3s}.transition-transform{transition:transform .3s}.transition-opacity{transition:opacity .3s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-200{transition-duration:.2s}

/* Filters & backdrop */
.blur-3xl{filter:blur(24px)}.blur-xl{filter:blur(24px)}.blur-md{filter:blur(12px)}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-center{object-position:center}

/* Positioning helpers */
.top-full{top:100%}.top-1\/4{top:25%}.bottom-1\/4{bottom:25%}.left-1\/2{left:50%}.left-1\/4{left:25%}.right-1\/4{right:25%}.right-8{right:32px}.bottom-8{bottom:32px}
.-translate-x-1\/2{transform:translateX(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}
.translate-y-full{transform:translateY(100%)}.translate-y-0{transform:translateY(0)}
.cursor-pointer{cursor:pointer}

/* Lists */
.list-none{list-style:none}.space-y-3>*{margin-top:12px}.space-y-4>*{margin-top:16px}

/* Group hover */
.group:hover .group-hover\:bg-\[\#0602de\]\/30{background-color:rgba(6,2,222,.3)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:translate-y-0{transform:translateY(0)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:text-white{color:#fff}
.group-hover\:visible{visibility:hidden}.group-hover\:opacity-100{opacity:0}.group-hover\:translate-y-0{transform:translateY(100%)}.group-hover\:scale-110{transform:none}.group-hover\:bg-\[\#0602de\]\/30{background-color:rgba(6,2,222,.2)}

/* Hover states */
.hover\:bg-\[\#000000\]:hover{background-color:#000}.hover\:bg-\[\#0088cc\]:hover{background-color:#0088cc}.hover\:bg-\[\#1877F2\]:hover{background-color:#1877F2}.hover\:bg-\[\#1E1E1E\]:hover{background-color:#1e1e1e}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:bg-\[\#00f2ff\]\/10:hover{background-color:rgba(0,242,255,.1)}
.hover\:border:hover{border-width:1px;border-style:solid}.hover\:border-\[\#00f2ff\]:hover{border-color:#00f2ff}.hover\:border-\[\#25F4EE\]:hover{border-color:#25F4EE}
.hover\:from-\[\#833AB4\]:hover{--tw-gradient-from:#833AB4}.hover\:via-\[\#FD1D1D\]:hover{--tw-gradient-stops:var(--tw-gradient-from),#FD1D1D,var(--tw-gradient-to,transparent)}.hover\:to-\[\#F77737\]:hover{--tw-gradient-to:#F77737}
.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
.hover\:text-\[\#00f2ff\]:hover{color:#00f2ff}.hover\:text-\[\#25D366\]:hover{color:#25D366}.hover\:text-white:hover{color:#fff}

/* Focus */
.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px}.focus\:ring-\[\#00f2ff\]:focus{--tw-ring-color:#00f2ff}

/* Grid */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* z-index */
.z-20{z-index:20}.z-30{z-index:30}

/* Misc */
.aspect-square{aspect-ratio:1/1}.border-0{border-width:0}.rotate-180{transform:rotate(180deg)}.origin-center{transform-origin:center}.index{}

/* Responsive breakpoints */
@media(min-width:640px){.sm\:text-3xl{font-size:30px}}
@media(min-width:768px){
.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid{display:grid}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:flex-row{flex-direction:row}.md\:text-left{text-align:left}
.md\:text-4xl{font-size:36px}.md\:text-5xl{font-size:48px}.md\:text-lg{font-size:18px}.md\:text-xl{font-size:20px}.md\:text-2xl{font-size:24px}.md\:text-3xl{font-size:30px}
.md\:py-24{padding-top:96px;padding-bottom:96px}.md\:gap-8{gap:32px}.md\:justify-between{justify-content:space-between}
}
@media(min-width:1024px){
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:text-5xl{font-size:48px}
}
