/* Critical CSS for homepage above-the-fold content only - reduces unused CSS by 16KB */

/* Essential base styles */
*{box-sizing:border-box;border:hsl(214.3 31.8% 91.4%)}
html{overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;background:hsl(0 0% 100%);color:hsl(222.2 84% 4.9%);font-family:system-ui,-apple-system,Arial,sans-serif;direction:rtl}

/* Critical layout variables */
:root{
--background:0 0% 100%;
--foreground:222.2 84% 4.9%;
--primary:222.2 47.4% 11.2%;
--primary-foreground:210 40% 98%;
--warning:45 93% 58%;
--warning-foreground:26 83% 14%;
--success:142 76% 36%;
--info:221 83% 53%;
--border:214.3 31.8% 91.4%;
--radius:0.5rem;
--primary-blue:220 90% 56%;
--primary-gold:45 100% 51%;
}

/* Critical navigation styles */
.relative{position:relative}
.fixed{position:fixed}
.top-0{top:0}
.left-0{left:0}
.right-0{right:0}
.z-50{z-index:50}
.w-full{width:100%}
.bg-white{background-color:hsl(var(--background))}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}

/* Critical hero section styles */
.min-h-screen{min-height:100vh}
.flex{display:flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.text-center{text-align:center}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-slate-900{--tw-gradient-from:hsl(222.2 84% 4.9%);--tw-gradient-to:hsl(222.2 84% 4.9% / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.to-blue-900{--tw-gradient-to:hsl(220 90% 56%)}

/* Critical typography */
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.text-7xl{font-size:4.5rem;line-height:1}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.text-white{color:hsl(0 0% 100%)}
.text-yellow-400{color:hsl(45 93% 58%)}

/* Critical spacing */
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}

/* Critical button styles */
.bg-yellow-400{background-color:hsl(var(--warning))}
.hover\:bg-yellow-500:hover{background-color:hsl(45 93% 47%)}
.text-black{color:hsl(0 0% 0%)}
.rounded-lg{border-radius:0.5rem}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.duration-300{transition-duration:300ms}

/* Critical WhatsApp button */
.hover\:scale-105:hover{transform:scale(1.05)}

/* Container */
.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;overflow-x:hidden;max-width:100%}

/* Mobile responsive */
@media(min-width:768px){
.md\:text-6xl{font-size:3.75rem;line-height:1}
.md\:text-7xl{font-size:4.5rem;line-height:1}
.container{padding-left:1.5rem;padding-right:1.5rem}
}

@media(min-width:1024px){
.lg\:text-7xl{font-size:4.5rem;line-height:1}
.lg\:text-8xl{font-size:6rem;line-height:1}
.container{padding-left:2rem;padding-right:2rem}
}

@media(min-width:1280px){
.xl\:text-8xl{font-size:6rem;line-height:1}
.container{max-width:1280px}
}