body{margin:0;font-family:Arial;background:#f8fafc;color:#0f172a}

nav{display:flex;justify-content:space-between;padding:12px;background:#fff;border-bottom:1px solid #e2e8f0}

nav a{text-decoration:none;color:#334155;margin-left:10px}

.hero{
background:url('https://images.unsplash.com/photo-1599661046289-e31897846e41?q=80&w=1200') center/cover;
color:white;padding:70px 20px;text-align:center;position:relative
}

.hero::before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.hero *{position:relative;z-index:1}

.section{padding:20px}
.box{background:#fff;padding:12px;margin-bottom:10px;border-radius:8px;border:1px solid #e2e8f0}

.card img{width:100%;height:140px;object-fit:cover;border-radius:10px}

.btn{background:#22c55e;color:#fff;border:none;padding:10px;width:100%;margin-top:10px;border-radius:6px}

.popup{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;justify-content:center;align-items:center}

.form-box{background:#fff;padding:15px;border-radius:10px;width:90%;max-width:320px;position:relative}

.close-btn{position:absolute;top:10px;right:10px;cursor:pointer;color:red}

input{width:100%;padding:8px;margin:5px 0;border:1px solid #ccc;border-radius:5px}

.sticky-bar{position:fixed;bottom:0;width:100%;display:flex}
.sticky-bar button{flex:1;background:#22c55e;color:white;border:none;padding:12px}
.sticky-bar a{flex:1;text-align:center;padding:12px;text-decoration:none;color:black}

.whatsapp{position:fixed;bottom:70px;right:15px;background:#25D366;color:white;padding:12px;border-radius:50%}