:root {
      --ink: #061525;
      --midnight: #0a2035;
      --steel: #18354f;
      --cyan: #20d3ee;
      --teal: #19c7b2;
      --line: rgba(201, 231, 255, 0.16);
      --muted: #98abc0;
      --white: #f7fbff;
      --signal: #e7b85f;
      --purple: #842f85;
      --purple-light: #FFCB00;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--white);
      background:#302681;
      font-family: "Inter", system-ui, sans-serif;
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    ::selection { background: rgba(32, 211, 238, 0.3); color: #fff; }

    h1{font-size:clamp(3.2rem,5vw,8.8rem);line-height:62px;}
    h5{font-size:clamp(2.5rem,4vw,6.6rem);line-height:.88;}


    /* Noise grid overlay */
    .noise::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 80;
      opacity: 0.05;
      background-image:
        linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: linear-gradient(to bottom, black, transparent 78%);
    }

    /* Glass effects */
    .glass {
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.26);
      backdrop-filter: blur(22px);
    }

    .glass-light {
      border: 1px solid rgba(11, 45, 74, .1);
      background: rgba(255, 255, 255, .8);
      box-shadow: 0 24px 80px rgba(9, 30, 51, .08);
      backdrop-filter: blur(18px);
    }

    .pill{border:1px solid rgba(34,62,124,.5);background:rgba(255,255,255,.1);font-size:.75rem;font-weight:700;color:#0c1b37;}

    /* Hero gradient */
    .hero-gradient {
      background:
        linear-gradient(115deg, rgba(48,38,129,.96) 0%, rgba(48,38,129,.82) 48%, rgba(10,48,73,.55) 100%),
        url("data:image/svg+xml,%3Csvg width='1600' height='1000' viewBox='0 0 1600 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23091629'/%3E%3Cstop offset='1' stop-color='%230d344c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='1000' fill='url(%23g)'/%3E%3Cg fill='none' stroke='%233ccde8' stroke-opacity='.2'%3E%3Cpath d='M120 706 C350 546 520 602 760 440 S1190 210 1480 292'/%3E%3Cpath d='M160 522 C370 420 520 446 704 332 S1070 156 1390 182'/%3E%3Cpath d='M260 782 C510 690 690 728 910 600 S1280 408 1540 462'/%3E%3C/g%3E%3Cg fill='%2320d3ee' fill-opacity='.72'%3E%3Ccircle cx='330' cy='508' r='5'/%3E%3Ccircle cx='704' cy='332' r='5'/%3E%3Ccircle cx='1110' cy='220' r='5'/%3E%3Ccircle cx='1302' cy='430' r='5'/%3E%3Ccircle cx='910' cy='600' r='5'/%3E%3C/g%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
    }

    .mesh-bg {
      background-image:
        linear-gradient(rgba(32, 211, 238, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(32, 211, 238, .07) 1px, transparent 1px);
      background-size: 46px 46px;
    }

    /* Reveal animation */
    .reveal {
      opacity: 0;
      transform: translateY(26px) scale(.985);
      transition: opacity .75s cubic-bezier(.2,.8,.2,1), transform .75s cubic-bezier(.2,.8,.2,1);
    }
    .reveal.in-view {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    /* Trade route animation */
    .trade-route {
      stroke-dasharray: 10 12;
      animation: routeDash 18s linear infinite;
    }
    @keyframes routeDash { to { stroke-dashoffset: -440; } }
    .float-a { animation: floatA 8s ease-in-out infinite; }
    .float-b { animation: floatB 9s ease-in-out infinite; }
    .pulse-node { animation: pulseNode 2.8s ease-in-out infinite; transform-origin: center; }
    @keyframes floatA { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(10px,-16px,0); } }
    @keyframes floatB { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-12px,14px,0); } }
    @keyframes pulseNode { 0%,100% { opacity: .55; r: 4; } 50% { opacity: 1; r: 8; } }

    /* Buttons */
    .btn-custom {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .58rem;
      min-height: 48px;
      border-radius: 999px;
      padding: 0 1.4rem;
      font-weight: 800;
      letter-spacing: 0;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
      white-space: nowrap;
      text-decoration: none;
    }
    .btn-custom:hover { transform: translateY(-2px); }
    .btn-primary-custom {
      color: #04121f;
      background: #FFCB00;
      box-shadow: 0 18px 46px rgba(32, 211, 238, .28);
    }
    .btn-outline-custom {
      border: 1px solid rgba(255, 255, 255, .24);
      color: #fff;
      background: rgba(255,255,255,.06);
    }

    /* Navbar custom */
    .nav-link-custom {
      position: relative;
      color: rgba(247,251,255,.76);
      font-size: .82rem;
      font-weight: 700;
    }
    .nav-link-custom::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -7px;
      height: 2px;
      transform: scaleX(0);
      transform-origin: left;
      background: var(--purple-light);
      transition: transform .2s ease;
    }
    .nav-link-custom:hover { color: #fff; }
    .nav-link-custom:hover::after { transform: scaleX(1); }

    /* Section typography */
    .section-title {
      color: #073a6a;
      font-size: clamp(2.25rem, 3.5vw, 4.9rem);
      line-height: .95;
      letter-spacing: 0;
    }
    .section-title2 {
      color: #073a6a;
      font-size: clamp(2.25rem, 2.5vw, 4.9rem);
      line-height: .95;
      letter-spacing: 0;
    }
    .section-title3 {
      color: #073a6a;
      font-size: clamp(1.8rem, 1.5vw, 4.9rem);
      line-height: .95;
      letter-spacing: 0;
    }
    .section-kicker {
      color: #FFCB00;
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    .dark-section .section-title { color: #fff; }
    .dark-section .section-kicker { color: #FFCB00; }

    /* Cards */
    .premium-card {
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid rgba(6, 21, 37, .1);
      background: #fff;
      color: #061525;
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .premium-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 3px;
      background: linear-gradient(90deg, var(--teal), var(--cyan), #FFCB00);
      opacity: .85;
    }
    .premium-card:hover {
      transform: translateY(-5px);
      border-color: rgba(32, 211, 238, .36);
      box-shadow: 0 26px 70px rgba(8, 35, 58, .13);
    }
    .premium-card img{width: 26%; float: left; margin: 0 20px 40px 0;}
    .premium-card-p {width:24px;height:24px;color:#FFCB00; font-size: 18px;font-weight: 800;}
    .premium-card h3,
    .premium-card strong,
    .glass-light h3,
    .glass-light strong,
    .agenda-card strong {
      color: #061525 !important;
      opacity: 1 !important;
    }

    .counter {
      color: #061525 !important;
      opacity: 1 !important;
      text-shadow: none !important;
    }

    .glass-light {
      color: #061525;
    }

    /* Segment cards */
    .segment-card {
      cursor: pointer;
      background: none;
      border: none;
      width: 100%;
      text-align: left;
    }
    .segment-card.active {
      background: linear-gradient(145deg, #073a6a, #0b314d) !important;
      color: #fff;
      border-color: rgba(32, 211, 238, .54) !important;
    }
    .segment-card.active p,
    .segment-card.active span { color: rgba(247,251,255,.75); }

    /* Timeline */
    .timeline-line {
      background: linear-gradient(180deg, rgba(32,211,238,.05), rgba(32,211,238,.8), rgba(25,199,178,.12));
    }

    /* Agenda accordion */
    .agenda-panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease;
    }
    .agenda-card.open .agenda-panel { max-height: 500px; }
    .agenda-card.open .agenda-chevron { transform: rotate(180deg); }
    .agenda-chevron { transition: transform .25s ease; }

    /* Utility overrides */
    .text-ink { color: #061525 !important; }
    .text-cyan-custom { color: #FFCB00 !important; }
    .text-signal { color: #e7b85f !important; }
    .text-teal-custom { color: #FFCB00 !important; }
    .bg-ink { background-color: #302681 !important; }
    .bg-frost { background-color: #f7fbff !important; }
    .border-cyan-custom { border-color: rgba(32, 211, 238, .4) !important; }

    /* Vertical center for icon badge */
    .icon-badge {
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      border-radius: 6px;
      border: 1px solid rgba(32, 211, 238, .4);
      background: rgba(255,255,255,.1);
      flex-shrink: 0;
    }

    /* Stat badge */
    .stat-badge {
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #061525;
      font-size: .875rem;
      font-weight: 900;
      color: #20d3ee;
    }

    /* Mobile nav */
    #mobile-nav {
      background: rgba(6,21,37,.95);
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 8px;
      backdrop-filter: blur(22px);
    }
    #mobile-nav a {
      display: block;
      padding: .5rem .75rem;
      font-size: .875rem;
      font-weight: 700;
      color: rgba(255,255,255,.8);
      border-radius: 6px;
    }
    #mobile-nav a:hover { color: #fff; }

    /* Responsive tweaks */
    @media (max-width: 640px) {
      .btn-custom { width: 100%; }
      .hero-gradient { background-position: 60% center; }
    }

    /* Sticky header wrapper */
    .header-wrapper {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1050;
      padding: .75rem;
    }
    .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.15);
      background: rgba(6,21,37,.78);
      padding: .75rem 1rem;
      box-shadow: 0 25px 50px rgba(0,0,0,.25);
      backdrop-filter: blur(24px);
    }

    /* Min-height hero */
    .hero-min-h { min-height: 100vh; }
    .hero-visual-min { min-height: 540px; }
    @media (min-width: 992px) { .hero-visual-min { min-height: 690px; } }

    /* Footer */
    footer {
      background-color: #04101d;
    }

    /* Absolute positioning helpers */
    .pos-absolute-fill { position: absolute; inset: 0; }
    .pos-bottom-fade {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      height: 10rem;
      background: linear-gradient(to top, #061525, transparent);
    }

    .parallax1 {
      background: rgb(75,245,159);
      background: url(../images/chemical-parallax.jpg);
      background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 100px 0 300px 0;
    }
    .parallax2 {
      background: rgb(75,245,159);
      background: url(../images/chemical-parallax2.jpg);
      background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 100px 0 300px 0;
    }


    .hdr{ background: url(../images/inner-header.jpg); width: 100%; color: #fff; padding: 10rem 0 2rem 0;}
    .hdr h4{ font-size: 1.8rem; line-height: 20px; font-weight: 800;}
    .hdr p{ font-size: 1.2rem; line-height: 20px;}

    /************Registration Page**********/
    #generatedcaptcha {
      text-decoration: line-through;
      font-weight: bold;
      text-align: center;
      font-size: 20px;
      background-color: #90bdff;
      border-radius: 6px;
      border: none;
      padding: 6px;
      outline: none;
      color: #1d1d1d;
      }
      #enteredcaptcha {
      border: 2px solid #90bdff;
      font-family: monospace;
      outline: none;
      border-radius: 6px;
      padding: 8px 15px;
      font-size: 12px;
      }
      button {
      border: none;
      padding: 8px 20px;
      border-radius: 6px;
      font-size: 14px;
      font-family: monospace;
      font-weight: bold;
      outline: none;
      background-color: #64f394;
      }

      #gen { background-color: #ee7e6a; padding: 10px 18px; }
      .wrappr { display: flex; flex-direction: column; justify-content: center; }
      .ftror img{ border-radius: 20px;}

      /************Thank You Page**********/
    .tnk { background: #fff; border: 1px solid #cccccc; width: 70%;  margin: 0 auto;  padding: 40px; text-align: center; color: #04121f;}
    .tnk h2 {font-size: 40px; padding: 40px 0 20px 0;}
    .tnk h5 {font-size: 24px; padding-bottom: 40px;}
    .tnk p { font-size: 20px; padding-bottom: 40px;}
    .tnk li {
      display: inline;
      padding: 0 3px;
    }