@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

 body {
   font-family: 'Inter', sans-serif;
 }

 h1,
 h2,
 h3,
 .font-head {
   font-family: 'Montserrat', sans-serif;
 }

 .navy {
   color: #0b1f3a;
 }

 .accent {
   color: #1f7ae0;
 }

 .gold-text {
   background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
 }

 .vipcard {
   width: 50%;
 }

 .reveal {
   opacity: 0;
   transform: translateY(30px);
   transition: all .8s ease;
 }

 .reveal.show {
   opacity: 1;
   transform: translateY(0);
 }

 .red-line {
   height: 3px;
   width: 90px;
   background: #e23b3b;
   margin: 8px auto;
   border-radius: 2px;
 }

 .chip {
   transition: transform .3s ease, box-shadow .3s ease;
 }

 .chip:hover {
   transform: translateY(-4px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
 }

 .marquee {
   display: flex;
   gap: 3rem;
   animation: scroll 22s linear infinite;
 }

 @keyframes scroll {
   from {
     transform: translateX(0)
   }

   to {
     transform: translateX(-50%)
   }
 }

 .gradient-stripes {
   background: repeating-linear-gradient(90deg, #c8102e 0 18px, transparent 18px 30px);
 }


 #topBtn {
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 999;
   display: none;
   width: 50px;
   height: 50px;
   border: none;
   border-radius: 50%;
   background: linear-gradient(135deg, #152859, #4da3ff);
   color: #fff;
   font-size: 22px;
   cursor: pointer;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   transition: all 0.3s ease;
 }

 #topBtn:hover {
   transform: translateY(-5px);
 }


 .mt5-myfxbook-section {
   padding: 30px 20px;
   background: #f8f9fc;
 }

 .container {
   max-width: 1200px;
   margin: auto;
 }

 .section-title {
   text-align: center;
   margin-bottom: 60px;
 }

 .section-title h2 {
   font-weight: 700;
   color: #0b1f4d;
 }

 .section-title h2 span {
   color: #3b82f6;
 }

 .section-title p {
   color: #666;
   margin-top: 10px;
 }

 .feature-wrapper {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
 }

 .feature-card {
   flex: 1;
   min-width: 320px;
   background: #fff;
   padding: 35px;
   border-radius: 15px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
   transition: .3s;
 }

 .feature-card:hover {
   transform: translateY(-8px);
 }

 .icon {
   font-size: 50px;
   margin-bottom: 15px;
 }

 .feature-card h3 {
   color: #0b1f4d;
   font-size: 28px;
   margin-bottom: 15px;
 }

 .feature-card p {
   color: #555;
   line-height: 1.8;
   margin-bottom: 20px;
 }

 .feature-card ul {
   padding-left: 20px;
 }

 .feature-card ul li {
   margin-bottom: 10px;
   color: #333;
 }

 @media(max-width:768px) {
   .section-title h2 {
     font-size: 35px;
   }

   .feature-wrapper {
     flex-direction: column;
   }

   .vipcard {
     width: 100%;
   }
 }



 .launch-section {
   padding: 80px 20px;
   background: #f8f9fc;
 }

 .container {
   max-width: 1000px;
   margin: auto;
 }

 .speaker-card {
   position: relative;
   overflow: hidden;
   border-radius: 25px;
   box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
 }

 .speaker-card img {
   width: 100%;
   display: block;
 }

 .overlay {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 30px;
   color: #fff;
   background: linear-gradient(to top,
       rgba(0, 0, 0, .75),
       transparent);
 }

 .overlay h2 {
   margin: 0;
   font-size: 32px;
 }

 .overlay p {
   margin-top: 8px;
 }

 .launch-content {
   text-align: center;
   margin-top: 60px;
 }

 .year-badge {
   display: inline-block;
   padding: 12px 35px;
   border-radius: 50px;
   background: linear-gradient(135deg, #0d6efd, #4ea3ff);
   color: #fff;
   font-size: 32px;
   font-weight: 700;
   margin-bottom: 25px;
   box-shadow: 0 10px 25px rgba(13, 110, 253, .3);
 }

 .revolution-img {
   max-width: 550px;
   width: 100%;
   margin: 20px auto;
   display: block;
 }

 .launch-content h2 {
   font-size: 48px;
   color: #0b1f4d;
   margin: 25px 0 15px;
 }

 .launch-content p {
   max-width: 700px;
   margin: auto;
   color: #666;
   line-height: 1.8;
   font-size: 18px;
 }

 @media(max-width:768px) {

   .overlay h2 {
     font-size: 22px;
   }

   .launch-content h2 {
     font-size: 32px;
   }

   .year-badge {
     font-size: 24px;
   }

   .investments_ctn {
     display: none;
   }

   .investments_h3 {
     font-size: 20px !important;
     text-align: center !important;
   }
 }

 .contact-section {
   padding: 80px 20px;
   background: #f8f9fc;
 }

 .contact-container {
   max-width: 1200px;
   margin: auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   align-items: center;
 }

 .contact-form {
   background: #fff;
   padding: 40px;
   border-radius: 20px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
 }

 .contact-form h2 {
   color: #0b1f4d;
   margin-bottom: 10px;
 }

 .contact-form p {
   color: #666;
   margin-bottom: 25px;
 }

 .contact-form input,
 .contact-form textarea {
   width: 100%;
   padding: 15px;
   border: 1px solid #ddd;
   border-radius: 10px;
   margin-bottom: 15px;
   outline: none;
 }

 .contact-form input:focus,
 .contact-form textarea:focus {
   border-color: #0d6efd;
 }



 .contact-info img {
   width: 100%;
   border-radius: 20px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
 }

 .address-box {
   background: #0b1f4d;
   color: #fff;
   padding: 30px;
   border-radius: 20px;
   margin-top: 20px;
 }

 .address-box h3 {
   margin-bottom: 20px;
   font-size: 28px;
 }

 .address-box p {
   margin-bottom: 15px;
   line-height: 1.8;
 }

 .address-box i {
   color: #4ea3ff;
   margin-right: 10px;
 }

 @media(max-width:768px) {
   .contact-container {
     grid-template-columns: 1fr;
   }

   .contact-form h2 {
     font-size: 30px;
   }
 }