@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";
:root{--background:#0a0a0a;--foreground:#ededed;--primary:#d4af37;--primary-hover:#b8962d;--secondary:#1a1a1a;--card-bg:#ffffff0d;--glass-border:#ffffff1a;--text-muted:#a0a0a0;--header-bg:#0a0a0ad9;--hero-gradient:linear-gradient(to bottom, #0a0a0a, #1a1a1a)}html.light{--background:#f7f3ea;--foreground:#1a1a1a;--primary:#b8962d;--primary-hover:#9a7d24;--secondary:#ede8db;--card-bg:#ffffffeb;--glass-border:#0000001a;--text-muted:#666;--header-bg:#f7f3eaeb;--hero-gradient:linear-gradient(to bottom, #ede8db, #f7f3ea)}*{box-sizing:border-box;margin:0;padding:0}html{transition:background-color .35s,color .35s}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);direction:rtl;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s ease-out forwards fadeIn}.header-nav{gap:2rem;display:flex}.nav-link{color:var(--foreground);font-size:1rem;font-weight:500;transition:color .3s}.nav-link:hover{color:var(--primary)}.header-hamburger{border:1px solid var(--glass-border);background-color:var(--card-bg);width:42px;height:42px;color:var(--foreground);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:none}.mobile-menu{z-index:998;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);flex-direction:column;gap:0;padding:1.2rem 2rem;display:none;position:fixed;top:70px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu .nav-link{border-bottom:1px solid var(--glass-border);padding:.9rem 0;font-size:1.1rem;display:block}.mobile-menu .nav-link:last-child{border-bottom:none}@media (max-width:768px){.header-nav{display:none}.header-hamburger{display:flex}}@media (min-width:769px){.mobile-menu{display:none!important}}