:root{--c-bg:#031515;--c-bg-surface:#052626;--c-bg-card:#05262699;--c-verde:#c6f221;--c-verde-rgb:198, 242, 33;--c-text:#fff;--c-text-muted:#9db5b5;--c-error:#ff4a4a;--c-border:#c6f22126;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-arabic:"Tajawal", sans-serif;--nav-height:120px}*{box-sizing:border-box;margin:0;padding:0}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#031515}body::-webkit-scrollbar-thumb{background-image:linear-gradient(#c6f221,#89a818);border:2px solid #031515;border-radius:20px}body::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(#d8ff60,#c6f221)}html{scroll-behavior:smooth;background-color:var(--c-bg);font-size:16px}body{font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;overflow-x:hidden}html{overflow-x:hidden}html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] p,html[lang=ar] span,html[lang=ar] button,html[lang=ar] a{font-family:var(--font-arabic)}html[dir=rtl]{direction:rtl}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.verde{color:var(--c-verde)}.muted{color:var(--c-text-muted)}.section{z-index:1;content-visibility:auto;contain-intrinsic-size:0 600px;padding:88px 0;position:relative}#top{content-visibility:visible;contain-intrinsic-size:none}.btn{font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff1a;transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:translateY(100%)}.btn:hover:before{transform:translateY(0)}.btn-primary{background:var(--c-verde);color:#000;box-shadow:0 4px 20px rgba(var(--c-verde-rgb), .3)}.btn-primary:hover{box-shadow:0 6px 30px rgba(var(--c-verde-rgb), .5), 0 0 0 2px var(--c-verde);transform:translateY(-2px)}.btn-secondary{color:var(--c-text);border:1px solid var(--c-border);background:0 0}.btn-secondary:hover{border-color:var(--c-verde);background:rgba(var(--c-verde-rgb), .05)}.badge{font-size:12px;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:rgba(var(--c-verde-rgb), .1);color:var(--c-verde);border:1px solid rgba(var(--c-verde-rgb), .2);border-radius:100px;align-items:center;margin-bottom:16px;padding:6px 12px;font-weight:600;display:inline-flex}.badge-emerald{color:#34d399;background:#34d3991a;border-color:#34d39933}.glass{-webkit-backdrop-filter:blur(12px);background:#04222299;border:1px solid #ffffff0d}@keyframes infiniteSliderLoop{to{transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}.t-display-large{font-size:clamp(2.5rem,5vw,4rem)}.t-section-heading{font-size:clamp(2rem,4vw,3rem)}.t-subheading{font-size:1.5rem}.t-body-large{font-size:1.25rem;line-height:1.6}.t-body{font-size:1rem;line-height:1.6}.t-body-small{font-size:.875rem;line-height:1.5}.t-caption{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;line-height:1.4}.t-mono{letter-spacing:.1em;font-family:Space Grotesk,monospace}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}:root{--nav-height:80px}.section{padding:80px 0}.container{padding:0 18px}.t-display-large{font-size:clamp(1.9rem,8vw,2.8rem)}.t-section-heading{font-size:clamp(1.6rem,6vw,2.2rem)}.t-body-large{font-size:1rem}.btn{padding:14px 24px;font-size:.8rem}}@media (width<=480px){:root{--nav-height:72px}.section{padding:64px 0}.container{padding:0 16px}}
