/* Critical CSS - loaded with high priority */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Cairo','Inter',system-ui,-apple-system,sans-serif;line-height:1.6;background:#f8fafc;color:#1e293b;overflow-x:hidden;direction:rtl}
html[lang="en"] body{direction:ltr}
:root{--primary:#502b78;--primary-light:#613787;--secondary:#25a7c9;--accent:#5b5ca2;--day-bg:#f8fafc;--day-text:#1e293b}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:12px 0}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-menu{display:flex;align-items:center;gap:24px;list-style:none}
.nav-link{font-weight:600;color:#1e293b;padding:8px 12px;transition:color .2s}
.nav-link:hover{color:var(--primary)}
.logo-text{font-size:22px;font-weight:800;color:var(--primary)}
.logo-text span{color:var(--secondary)}
.hero{padding:120px 0 80px;position:relative;overflow:hidden}
.hero-title{font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.2;margin-bottom:16px}
.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:all .3s}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}
.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}
.section-title{font-size:clamp(24px,3vw,42px);font-weight:800;margin-bottom:16px;text-align:center}
@media(max-width:768px){.nav-menu{display:none}.hero{padding:80px 0 48px}}