*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;position:relative}body{font-family:Poppins,sans-serif;background:#f9fdfb;color:#222}:root{--primary: #0f3d2e;--secondary: #1f7a63;--accent: #2ecc71;--bg: #f9fdfb;--white: #ffffff;--dark: #111;--gray: #6b7280;--gray-light: #f3f4f6;--border: #e5e7eb;--red: #ef4444;--red-light: #fee2e2;--orange: #f59e0b;--orange-light: #fffbeb}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box}.btn{padding:12px 28px;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;transition:.3s;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;box-shadow:0 10px 25px #2ecc7140;border:none;cursor:pointer;font-family:Poppins,sans-serif}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #2ecc7159}.fade{opacity:0;transform:translateY(30px);transition:.7s}.fade.show{opacity:1;transform:translateY(0)}.toast-msg{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background:var(--orange);color:#92400e;padding:10px 22px;border-radius:50px;font-size:.85rem;font-weight:500;opacity:0;pointer-events:none;transition:all .25s;z-index:1200;white-space:nowrap;max-width:90%}.toast-msg.show{opacity:1;transform:translate(-50%) translateY(0)}section{padding:70px 0;width:100%}.title{text-align:center;font-size:2.2rem;color:var(--primary);margin-bottom:15px;font-weight:700}.subtitle{text-align:center;color:var(--gray);max-width:700px;margin:0 auto 40px;line-height:1.7}.section-divider{width:80px;height:4px;border-radius:10px;margin:0 auto 40px;background:linear-gradient(90deg,var(--secondary),var(--accent))}header{position:sticky;top:0;z-index:999;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);width:100%}.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px;width:100%}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo img{height:32px;width:auto;object-fit:contain}nav{display:flex;align-items:center;gap:16px}nav a{text-decoration:none;color:#1f2937;font-weight:600;font-size:14px;transition:.3s ease;position:relative;white-space:nowrap}nav a:hover{color:#10b981}nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#10b981;transition:.3s}nav a:hover:after{width:100%}.menu-toggle{display:none;border:none;background:none;font-size:28px;cursor:pointer;color:#111827;padding:4px;z-index:1000}footer{background:var(--primary);color:#fff;padding:60px 0 30px;width:100%}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px;width:100%}.footer-logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:15px}.footer-logo i{color:var(--accent)}.footer-brand p{color:#ffffffb3;font-size:.85rem;line-height:1.8}.footer-col h4{margin-bottom:18px;font-size:1rem;position:relative;display:inline-block}.footer-col h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--accent)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ffffffb3;text-decoration:none;font-size:.85rem;transition:.3s;display:flex;align-items:center;gap:8px}.footer-col ul li a:hover{color:var(--accent);transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;width:100%}.footer-bottom p{color:#ffffff80;font-size:.8rem}.socials{display:flex;gap:12px}.socials a{width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:.3s}.socials a:hover{background:var(--accent);transform:translateY(-3px)}@media (max-width: 768px){.container{padding:0 16px}.title{font-size:1.8rem}.menu-toggle{display:block}nav{position:fixed;top:0;right:-100%;width:70%;max-width:280px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:80px 24px 24px;gap:20px;box-shadow:-5px 0 30px #00000026;transition:right .3s ease;z-index:999}nav.active{right:0}nav a{font-size:16px;padding:8px 0;width:100%;border-bottom:1px solid #f0f0f0;white-space:normal}nav a:after{display:none}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu-overlay.active{opacity:1;visibility:visible}.footer-grid{gap:30px}}@media (min-width: 769px){.container{padding:0 24px}.logo img{height:40px}nav{display:flex!important;position:static;background:none;padding:0;flex-direction:row;width:auto;height:auto;gap:28px;box-shadow:none}nav a{font-size:15px;border-bottom:none;width:auto}.menu-overlay{display:none}}