*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#8b0000;--primary-dark:#000;--primary-light:#c00;--white:#fff;--bg:#f9f9f9;--text:#1a1a1a;--text-light:#666;--shadow:0 2px 12px #8b00001f}body{background:var(--bg);color:var(--text);direction:rtl;font-family:Segoe UI,Arial,sans-serif}#root{width:100%;min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.navbar{background:var(--primary-dark);z-index:100;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:sticky;top:0}.logo img{width:180px;height:auto}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#fff;font-size:1.1rem;text-decoration:none}.nav-links button{color:#fff;cursor:pointer;background:0 0;border:1px solid #666;border-radius:20px;padding:8px 15px}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}@media (width<=768px){.logo img{width:120px}.menu-btn{display:block}.nav-links{background:var(--primary-dark);flex-direction:column;gap:20px;width:100%;padding:20px 0;display:none;position:absolute;top:100%;left:0}.nav-links.active{display:flex}.nav-links a,.nav-links button{text-align:center;width:90%;font-size:1rem}}