
body{margin:0;font-family:'Cairo',sans-serif;color:#fff;background:#0f2027}
.container{width:90%;max-width:1100px;margin:auto}
.topbar{background:#000;padding:15px 0}
.nav{display:flex;justify-content:space-between;align-items:center}
.btn{padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:bold;margin:5px;display:inline-block}
.call{background:#ffb703;color:#000}
.wa{background:#25d366;color:#000}
.hero{position:relative;text-align:center;padding:100px 0;background:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero-content{position:relative;z-index:2}
.main-title{font-size:40px;font-weight:900;margin-bottom:15px}
.section{padding:60px 0}
.section.alt{background:#1b263b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#415a77;padding:20px;border-radius:12px}
.article{margin-bottom:25px}
.contact{text-align:center;padding:60px 0;background:#000}
footer{text-align:center;padding:20px;background:#000}
.float{position:fixed;bottom:20px;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;text-decoration:none;color:#000}
.float.call{left:20px;background:#ffb703}
.float.wa{right:20px;background:#25d366}
@media(max-width:600px){.main-title{font-size:26px}}
