.hero-video-bg {
     background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
 }

 .section-video-bg {
     background: linear-gradient(135deg, #0f0f23 0%, #16213e 50%, #1a1a2e 100%);
 }

 .lime-green {
     background-color: #c3f53c;
     color: #000;
 }

 .lime-green:hover {
     background-color: #b8f028;
 }

 .mobile-menu {
     transform: translateX(-100%);
     transition: transform 0.3s ease-in-out;
 }

 .mobile-menu.open {
     transform: translateX(0);
 }

 .pricing-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .pricing-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.1);
 }

 .popular-badge {
     background: linear-gradient(135deg, #c3f53c 0%, #a8e020 100%);
 }

 .feature-check {
     color: #c3f53c;
 }

 .feature-cross {
     color: #6b7280;
 }

 .testimonial-slider {
     overflow: hidden;
 }

 .testimonial-track {
     display: flex;
     transition: transform 0.5s ease-in-out;
     width: 500%;
     /* 5 slides * 100% */
 }

 .testimonial-slide {
     width: 20%;
     /* 100% / 5 slides */
     flex-shrink: 0;
 }

 .avatar-placeholder {
     background: linear-gradient(135deg, #c3f53c 0%, #a8e020 100%);
 }

 .star-rating {
     color: #fbbf24;
 }

 .quote-mark {
     font-size: 4rem;
     color: #c3f53c;
     opacity: 0.3;
     line-height: 1;
 }

 .slider-nav {
     transition: all 0.3s ease;
 }

 .slider-nav:hover {
     background-color: #c3f53c;
     color: #000;
 }

 .slider-nav.active {
     background-color: #c3f53c;
     color: #000;
 }

 .testimonial-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .testimonial-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 30px rgba(195, 245, 60, 0.1);
 }

 @media (max-width: 768px) {
     .quote-mark {
         font-size: 2.5rem;
     }
 }

 .timeline-item {
     position: relative;
 }

 .timeline-item::before {
     content: '';
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     width: 2px;
     background: linear-gradient(to bottom, #c3f53c, #a8e020);
     transform: translateX(-50%);
 }

 .timeline-item:last-child::before {
     height: 50%;
 }

 .timeline-content {
     background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .timeline-content:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 30px rgba(195, 245, 60, 0.1);
 }

 .team-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .team-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.1);
 }

 .stat-number {
     background: linear-gradient(135deg, #c3f53c 0%, #a8e020 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .mobile-menu {
     transform: translateX(-100%);
     transition: transform 0.3s ease-in-out;
 }

 .mobile-menu.open {
     transform: translateX(0);
 }

 .scroll-indicator {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 4px;
     background: linear-gradient(to right, #c3f53c, #a8e020);
     transform-origin: left;
     transform: scaleX(0);
     z-index: 1000;
 }

 .commission-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .commission-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.15);
 }

 .commission-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(195, 245, 60, 0.1), transparent);
     transition: left 0.6s ease;
 }

 .commission-card:hover::before {
     left: 100%;
 }

 .referral-link-box {
     background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
     border: 1px solid #c3f53c;
 }

 .promo-material {
     transition: all 0.3s ease;
     border: 2px solid transparent;
 }

 .promo-material:hover {
     border-color: #c3f53c;
     transform: scale(1.02);
 }

 .gold-gradient {
     background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .pulse-dot {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .copy-success {
     animation: fadeInOut 2s ease-in-out;
 }

 @keyframes fadeInOut {

     0%,
     100% {
         opacity: 0;
         transform: translateY(-10px);
     }

     20%,
     80% {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .beneficiary-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .beneficiary-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.15);
 }

 .beneficiary-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(195, 245, 60, 0.1), transparent);
     transition: left 0.6s ease;
 }

 .beneficiary-card:hover::before {
     left: 100%;
 }

 .inheritance-calculator {
     background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
     border: 1px solid #c3f53c;
 }

 .step-card {
     transition: all 0.3s ease;
     border: 2px solid transparent;
 }

 .step-card:hover {
     border-color: #c3f53c;
     transform: scale(1.02);
 }

 .gold-gradient {
     background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .pulse-dot {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .protection-shield {
     background: linear-gradient(135deg, #059669 0%, #10b981 100%);
 }

 .heart-beat {
     animation: heartbeat 2s ease-in-out infinite;
 }

 @keyframes heartbeat {

     0%,
     100% {
         transform: scale(1);
     }

     25% {
         transform: scale(1.1);
     }

     50% {
         transform: scale(1);
     }

     75% {
         transform: scale(1.05);
     }
 }

 .inheritance-flow {
     position: relative;
 }

 .flow-arrow {
     position: absolute;
     top: 50%;
     right: -20px;
     transform: translateY(-50%);
     color: #c3f53c;
     font-size: 2rem;
     z-index: 10;
 }

 @media (max-width: 768px) {
     .flow-arrow {
         top: auto;
         bottom: -20px;
         right: 50%;
         transform: translateX(50%) rotate(90deg);
     }
 }

 .commitment-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .commitment-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.15);
 }

 .commitment-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(195, 245, 60, 0.1), transparent);
     transition: left 0.6s ease;
 }

 .commitment-card:hover::before {
     left: 100%;
 }

 .protection-gradient {
     background: linear-gradient(135deg, #059669 0%, #10b981 100%);
 }

 .security-gradient {
     background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
 }

 .support-gradient {
     background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
 }

 .transparency-gradient {
     background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
 }

 .execution-gradient {
     background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
 }

 .gold-gradient {
     background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .pulse-dot {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .security-badge {
     animation: glow 3s ease-in-out infinite alternate;
 }

 @keyframes glow {
     from {
         box-shadow: 0 0 20px rgba(195, 245, 60, 0.3);
     }

     to {
         box-shadow: 0 0 30px rgba(195, 245, 60, 0.6);
     }
 }

 .stat-counter {
     font-family: 'Courier New', monospace;
 }

 .progress-bar {
     background: linear-gradient(90deg, #c3f53c 0%, #a8e020 100%);
     animation: progress-fill 2s ease-out;
 }

 @keyframes progress-fill {
     from {
         width: 0%;
     }
 }

 .commitment-icon {
     transition: transform 0.3s ease;
 }

 .commitment-card:hover .commitment-icon {
     transform: scale(1.1) rotate(5deg);
 }

 .contact-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .contact-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.15);
 }

 .contact-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(195, 245, 60, 0.1), transparent);
     transition: left 0.6s ease;
 }

 .contact-card:hover::before {
     left: 100%;
 }

 .contact-form {
     background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
     border: 1px solid #c3f53c;
 }

 .input-focus:focus {
     outline: none;
     border-color: #c3f53c;
     box-shadow: 0 0 0 2px rgba(195, 245, 60, 0.2);
 }

 .gold-gradient {
     background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .pulse-dot {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .chat-bubble {
     animation: bounce 2s infinite;
 }

 @keyframes bounce {

     0%,
     20%,
     50%,
     80%,
     100% {
         transform: translateY(0);
     }

     40% {
         transform: translateY(-10px);
     }

     60% {
         transform: translateY(-5px);
     }
 }

 .success-message {
     animation: slideInFromTop 0.5s ease-out;
 }

 @keyframes slideInFromTop {
     from {
         opacity: 0;
         transform: translateY(-20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .office-card {
     transition: all 0.3s ease;
     border: 2px solid transparent;
 }

 .office-card:hover {
     border-color: #c3f53c;
     transform: scale(1.02);
 }

 .map-placeholder {
     background: linear-gradient(45deg, #1f2937 25%, transparent 25%),
         linear-gradient(-45deg, #1f2937 25%, transparent 25%),
         linear-gradient(45deg, transparent 75%, #1f2937 75%),
         linear-gradient(-45deg, transparent 75%, #1f2937 75%);
     background-size: 20px 20px;
     background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
 }

 .service-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .service-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.15);
 }

 .service-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(195, 245, 60, 0.1), transparent);
     transition: left 0.6s ease;
 }

 .service-card:hover::before {
     left: 100%;
 }

 .crypto-ticker {
     background: linear-gradient(90deg, #000 0%, #111 50%, #000 100%);
     white-space: nowrap;
     overflow: hidden;
 }

 .ticker-content {
     display: inline-block;
     animation: scroll 30s linear infinite;
 }

 @keyframes scroll {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(-100%);
     }
 }

 .gold-gradient {
     background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .pulse-dot {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .trading-graph {
     background: linear-gradient(45deg, #1f2937 25%, transparent 25%),
         linear-gradient(-45deg, #1f2937 25%, transparent 25%),
         linear-gradient(45deg, transparent 75%, #1f2937 75%),
         linear-gradient(-45deg, transparent 75%, #1f2937 75%);
     background-size: 20px 20px;
     background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
 }

 .crypto-icon {
     transition: transform 0.3s ease;
 }

 .service-card:hover .crypto-icon {
     transform: scale(1.1) rotate(5deg);
 }

 .performance-bar {
     background: linear-gradient(90deg, #c3f53c 0%, #a8e020 100%);
     animation: progress-fill 2s ease-out;
 }

 @keyframes progress-fill {
     from {
         width: 0%;
     }
 }

 .price-change-up {
     color: #10b981;
 }

 .price-change-down {
     color: #ef4444;
 }

 .investment-flow {
     position: relative;
 }

 .flow-arrow {
     position: absolute;
     top: 50%;
     right: -20px;
     transform: translateY(-50%);
     color: #c3f53c;
     font-size: 2rem;
     z-index: 10;
 }

 @media (max-width: 768px) {
     .flow-arrow {
         top: auto;
         bottom: -20px;
         right: 50%;
         transform: translateX(50%) rotate(90deg);
     }
 }

 .portfolio-gauge {
     background: conic-gradient(from 0deg,
             #ef4444 0deg 72deg,
             #f59e0b 72deg 144deg,
             #10b981 144deg 216deg,
             #3b82f6 216deg 288deg,
             #8b5cf6 288deg 360deg);
 }

 .service-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .service-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(195, 245, 60, 0.15);
 }

 .service-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(195, 245, 60, 0.1), transparent);
     transition: left 0.6s ease;
 }

 .service-card:hover::before {
     left: 100%;
 }

 .commodity-ticker {
     background: linear-gradient(90deg, #000 0%, #111 50%, #000 100%);
     white-space: nowrap;
     overflow: hidden;
 }

 .ticker-content {
     display: inline-block;
     animation: scroll 30s linear infinite;
 }

 @keyframes scroll {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(-100%);
     }
 }

 .gold-gradient {
     background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .green-gradient {
     background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .pulse-dot {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .commodity-chart {
     background: linear-gradient(45deg, #1f2937 25%, transparent 25%),
         linear-gradient(-45deg, #1f2937 25%, transparent 25%),
         linear-gradient(45deg, transparent 75%, #1f2937 75%),
         linear-gradient(-45deg, transparent 75%, #1f2937 75%);
     background-size: 20px 20px;
     background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
 }

 .investment-icon {
     transition: transform 0.3s ease;
 }

 .service-card:hover .investment-icon {
     transform: scale(1.1) rotate(5deg);
 }

 .performance-bar {
     background: linear-gradient(90deg, #ffd700 0%, #ffed4e 100%);
     animation: progress-fill 2s ease-out;
 }

 .agri-performance-bar {
     background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
     animation: progress-fill 2s ease-out;
 }

 @keyframes progress-fill {
     from {
         width: 0%;
     }
 }

 .price-change-up {
     color: #10b981;
 }

 .price-change-down {
     color: #ef4444;
 }

 .investment-flow {
     position: relative;
 }

 .flow-arrow {
     position: absolute;
     top: 50%;
     right: -20px;
     transform: translateY(-50%);
     color: #c3f53c;
     font-size: 2rem;
     z-index: 10;
 }

 @media (max-width: 768px) {
     .flow-arrow {
         top: auto;
         bottom: -20px;
         right: 50%;
         transform: translateX(50%) rotate(90deg);
     }
 }

 .harvest-animation {
     animation: bounce 3s ease-in-out infinite;
 }

 @keyframes bounce {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .gold-shine {
     animation: shine 3s ease-in-out infinite;
 }

 @keyframes shine {

     0%,
     100% {
         box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
     }

     50% {
         box-shadow: 0 0 40px rgba(255, 215, 0, 0.6);
     }
 }

 .seasonal-indicator {
     background: conic-gradient(from 0deg,
             #fbbf24 0deg 90deg,
             #10b981 90deg 180deg,
             #f59e0b 180deg 270deg,
             #6b7280 270deg 360deg);
 }

 .lime-green:disabled {
     background-color: #9de020;
     opacity: 0.7;
 }

 .google-btn {
     background-color: #fff;
     color: #333;
     border: 1px solid #dadce0;
 }

 .google-btn:hover {
     background-color: #f8f9fa;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }

 .input-focus:focus {
     outline: none;
     border-color: #c3f53c;
     box-shadow: 0 0 0 2px rgba(195, 245, 60, 0.2);
 }

 @keyframes slideUp {
     from {
         transform: translateY(100%);
         opacity: 0;
     }

     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes slideDown {
     from {
         transform: translateY(0);
         opacity: 1;
     }

     to {
         transform: translateY(100%);
         opacity: 0;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes fadeOut {
     from {
         opacity: 1;
     }

     to {
         opacity: 0;
     }
 }

 .slide-up {
     animation: slideUp 0.4s ease-out forwards;
 }

 .slide-down {
     animation: slideDown 0.4s ease-in forwards;
 }

 .fade-in {
     animation: fadeIn 0.3s ease-out forwards;
 }

 .fade-out {
     animation: fadeOut 0.3s ease-in forwards;
 }