*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:#f8f9fa;color:#212529;line-height:1.6;}
h1,h2,h3,h4,h5{font-weight:600;}

.navbar,.header{background:#021b1b;color:#fff;padding:20px;}
.navbar-brand,.logo{font-size:28px;font-weight:700;background:linear-gradient(90deg,#ffd166,#fca311);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.hero{background:linear-gradient(rgba(25,135,84,0.9),rgba(25,135,84,0.9)),url('/images/hero-bg.jpg') center/cover no-repeat;
color:#fff;text-align:center;padding:140px 20px;}
.hero h1{font-size:3rem;margin-bottom:20px;}
.hero p{font-size:1.2rem;margin-bottom:30px;}
.hero .btn{background:#ffc107;color:#000;font-weight:600;padding:14px 28px;border-radius:8px;}

.section-title{font-size:2rem;font-weight:600;color:#198754;margin-bottom:30px;text-align:center;}
.section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:0.3s;}
.section:hover{transform:translateY(-5px);}

.card{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:0.3s;}
.card:hover{transform:translateY(-5px);}
.card h3{font-size:1.2rem;margin-bottom:10px;}

.btn{border-radius:8px;font-weight:600;transition:0.3s;}
.btn:hover{opacity:0.85}

.faq-q{background:#198754;color:#fff;padding:15px;border-radius:8px;cursor:pointer;margin-bottom:5px;}
.faq-a{display:none;background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:10px;}

footer{background:#021b1b;color:#fff;text-align:center;padding:20px;}
footer a{color:#fff;margin:0 10px;}