body,html,#root{margin:0;padding:0;height:100%;font-family:Cairo,sans-serif;direction:rtl}.hero{background-image:url(/assets/rabar.png);background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}.overlay{background:#0009;padding:50px 70px;border-radius:16px;animation:fadeIn 2s ease-in-out}h1{font-size:3.5rem;margin:0;font-weight:700}h2{font-size:2rem;margin:15px 0}p{font-size:1.3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:1.6rem}p{font-size:1rem}.overlay{padding:30px 40px}}