:root{--primary:#1f7a5c;--primary-light:#eef6f2;--text-dark:#1e2b22;--text-muted:#6f7b74;--border:#e6ece8}body{color:var(--text-dark);background:#f8fbf9;font-family:Segoe UI,sans-serif;overflow-x:hidden}a{text-decoration:none}img{max-width:100%;display:block}.hero-section{background:#edf5f1;position:relative;overflow:hidden}.hero-section:before{content:"";background:#dfece5;border-radius:50%;width:250px;height:250px;display:none;position:absolute;bottom:-100px;left:-100px}.hero-section h1{color:#1d2b22;line-height:1.15}.hero-section p{color:var(--text-muted);line-height:1.8}.search-box input{border:none;padding:14px 20px;box-shadow:0 5px 15px #0000000d}.search-box input:focus{box-shadow:0 5px 15px #00000014}.hero-section .row img{-o-object-fit:cover;object-fit:cover;transition:all .3s}.hero-section .row img:hover{transform:translateY(-3px)}.badge{border-radius:20px;padding:8px 12px;font-weight:500}.bg-success-subtle{background:#e8f6ef!important}section input.form-control{border:1px solid var(--border);padding:12px 18px}.btn-light{color:#506056;background:#f1f5f3;border:none}.btn-light:hover{background:#e7eeea}.card{border:none;transition:all .3s;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014!important}.card img{-o-object-fit:cover;object-fit:cover;height:240px}.card-body{padding:24px}.card h5{margin-bottom:12px;font-weight:600}.card p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.card a{color:var(--primary);font-weight:600}.bg-light{background:#eef5f1!important}.bg-light img{border-radius:16px;transition:all .3s}.bg-light img:hover{transform:scale(1.03)}.footer{border-top:1px solid var(--border);background:#f4f8f6}.footer h6{color:#203025;margin-bottom:18px}.footer ul li{color:var(--text-muted);cursor:pointer;margin-bottom:10px}.footer ul li:hover{color:var(--primary)}.footer p{color:var(--text-muted)}.shadow-sm{box-shadow:0 8px 25px #0000000d!important}.rounded-4{border-radius:20px!important}@media (width<=991px){.hero-section{text-align:center}.navbar-nav{margin-top:20px}.hero-section h1{font-size:2.4rem}.hero-section .row img{margin-bottom:10px}}@media (width<=768px){.hero-section h1,.display-5{font-size:2rem}.card img{height:220px}.footer{text-align:center}.footer .col-lg-2,.footer .col-lg-3{margin-top:20px}}@media (width<=576px){.hero-section{padding-top:40px;padding-bottom:40px}.hero-section:before{display:none}.hero-section h1{font-size:1.8rem}.card img{height:200px}.badge{font-size:.75rem}.search-box input{font-size:.9rem}}