:root{--primary-color: #078a39;--secondary-color: #0a6c2f;--accent-color: #0da64f;--text-light: #f8f9fa;--text-dark: #343a40;--shadow: 0 5px 15px rgba(0,0,0,.1);--transition: all .3s ease}body{font-family:Poppins,sans-serif;overflow-x:hidden}.main-container{margin-top:24px}.hero-section{background:linear-gradient(#078a39d9,#078a39e6),url(/images/background.jpg);background-size:cover;background-position:center;padding-top:24px;background-repeat:no-repeat;min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent,#f8f9fa);z-index:1}.hero-content{position:relative;z-index:2}.hero-img{transform:translateY(20px);animation:float 3s ease-in-out infinite;border-radius:10px;box-shadow:var(--shadow)}@keyframes float{0%{transform:translateY(20px)}50%{transform:translateY(0)}to{transform:translateY(20px)}}.feature-card{transition:var(--transition);border:none;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);height:100%}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.partner-card{transition:var(--transition);border:none;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);height:100%}.partner-card:hover{transform:scale(1.05)}.btn-primary-custom{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;padding:10px 25px;border-radius:50px;font-weight:500;transition:var(--transition)}.btn-primary-custom:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.btn-outline-custom{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;padding:10px 25px;border-radius:50px;font-weight:500;transition:var(--transition)}.btn-outline-custom:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.section-title{position:relative;margin-bottom:3rem;font-weight:700;color:var(--text-dark)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--primary-color);border-radius:2px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #078a3966}70%{box-shadow:0 0 0 10px #078a3900}to{box-shadow:0 0 #078a3900}}footer{background:linear-gradient(to right,var(--primary-color),var(--secondary-color))!important}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;transition:var(--transition);margin-right:10px}.social-icon:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px)}.highlight-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid var(--primary-color);padding:20px;border-radius:0 10px 10px 0;margin:20px 0}.stats-counter{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.stats-label{font-size:1rem;color:var(--text-dark)}.nav-tabs .nav-link{color:#6c757d;font-weight:500;border:none;padding:12px 20px}.nav-tabs .nav-link.active{color:#078a39;background-color:transparent;border-bottom:3px solid #078a39;font-weight:600}.nav-tabs .nav-link:hover{color:#078a39;border-bottom:3px solid #dee2e6}.card{border-radius:10px}.badge.rounded-circle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.coming-soon-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.construction-icon{position:relative;display:inline-block}.construction-icon .fa-hammer{color:#6c757d;font-size:2.5rem;animation:hammer-swing 2s ease-in-out infinite;transform-origin:top center}.construction-icon .fa-wrench{color:#495057;font-size:2rem;position:absolute;right:-20px;bottom:-5px;animation:wrench-rotate 3s ease-in-out infinite}@keyframes hammer-swing{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes wrench-rotate{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.modal-content{border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d}.modal-header{border-radius:15px 15px 0 0;border-bottom:1px solid #dee2e6}.transaction-details{background:#f8f9fa;border-radius:8px;padding:15px;margin-top:15px}.input-group-text{background-color:#f8f9fa}