*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }


    :root {


      --g900:#0A2558; --g800:#0D3380; --g700:#0D47A1; --g200:#C5CAE9; --g100:#E8EAF6; --g50:#EEF2FF;


      --gold:#E5A020; --white:#fff;


      --gray-900:#111827; --gray-700:#374151; --gray-600:#4B5563; --gray-500:#6B7280;


      --gray-400:#9CA3AF; --gray-200:#E5E7EB; --gray-100:#F3F4F6;


      --rl:12px; --sh-lg:0 10px 40px rgba(0,0,0,.12); --t:.22s ease;


    }


    body { font-family:'Poppins',sans-serif; color:var(--gray-700); background:var(--white); -webkit-font-smoothing:antialiased; }


    a { color:inherit; text-decoration:none; }


    img { max-width:100%; display:block; }


    .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 28px; }


    .js .rise { opacity:0; transform:translateY(22px); transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1); }


    .js .rise.in { opacity:1; transform:none; }


    .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}


    .ann { background:#FFF8E7; color:var(--gray-700); border-bottom:2px solid #F5C842; font-size:12.5px; padding:7px 16px; display:flex; align-items:center; justify-content:center; gap:10px; position:relative; }


    .ann-icon { font-size:13px; flex-shrink:0; }


    .ann-body { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center; }


    .ann strong { color:var(--g800); font-weight:700; white-space:nowrap; }


    .ann-title { color:var(--gray-700); }


    .ann-more { color:var(--g700); font-weight:600; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }


    .ann-close { position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:var(--gray-500); font-size:16px; line-height:1; padding:4px 6px; }


    .ann-close:hover { color:var(--gray-800); }


    #scroll-bar { position:fixed; top:0; left:0; height:3px; background:linear-gradient(90deg,var(--g700),var(--gold)); z-index:9999; width:0%; transition:width .1s; }


    .navbar { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.97); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--gray-100); transition:box-shadow var(--t); }


    .navbar.scrolled { box-shadow:0 2px 24px rgba(0,0,0,.09); }


    .navbar.scrolled::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--g700),var(--gold),var(--g700)); opacity:.5; }


    .nav-inner { display:flex; align-items:center; justify-content:space-between; height:88px; }


    .nav-logo { flex-shrink:0; display:flex; align-items:center; gap:10px; }


    .nav-logo img { height:48px; width:auto; padding:2px 0; object-fit:contain; }


    .nav-links { display:flex; align-items:center; list-style:none; }


    .nav-item { position:relative; }


    .nav-link { display:flex; align-items:center; gap:4px; padding:8px 10px; font-size:13px; font-weight:500; color:var(--gray-600); border-radius:7px; transition:all var(--t); white-space:nowrap; }


    .nav-link:hover { color:var(--g700); background:var(--g50); }


    .nav-link.active { color:#fff; background:var(--g700); font-weight:600; border-radius:6px; }


    .nav-link.active:hover { background:var(--g800); color:#fff; }


    .nav-chev { width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform var(--t); }


    .nav-item:hover .nav-chev { transform:rotate(180deg); }


    .dropdown { position:absolute; top:100%; left:0; background:var(--white); border:1px solid var(--gray-200); border-radius:var(--rl); box-shadow:var(--sh-lg); min-width:230px; padding:8px; padding-top:8px; opacity:0; pointer-events:none; transform:translateY(10px) scale(.97); transform-origin:top left; transition:all .22s cubic-bezier(.22,.61,.36,1); z-index:200; }


    .nav-item:hover .dropdown { padding-top:8px; opacity:1; pointer-events:all; transform:none; }


    .dropdown a { display:block; padding:9px 13px; font-size:13px; color:var(--gray-700); border-radius:8px; transition:all var(--t); }


    .dropdown a:hover { background:var(--g50); color:var(--g700); }


    .dropdown-section-label { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--gray-400); padding:8px 13px 4px; margin-top:4px; }


    .dropdown hr { border:none; border-top:1px solid var(--gray-100); margin:4px 8px; }


    .nav-right { display:flex; align-items:center; gap:12px; }


    .nav-fund-prices {display:none; display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:6px; font-size:13px; font-weight:600; color:var(--g700); border:1.5px solid var(--g200); background:var(--g50); transition:all var(--t); }


    .nav-fund-prices:hover { background:var(--g100); border-color:var(--g700); }


    .hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }


    .hamburger span { display:block; width:22px; height:2px; background:var(--gray-700); border-radius:2px; transition:all .3s; }


    .hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }


    .hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }


    .hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }


    .mobile-nav { display:grid; grid-template-rows:0fr; background:var(--white); border-top:1px solid var(--gray-100); transition:grid-template-rows .35s cubic-bezier(.22,.61,.36,1); overflow:hidden; }


    .mobile-nav.open { grid-template-rows:1fr; }


    .mobile-nav-inner { overflow:hidden; padding:0 24px; }


    .mobile-nav.open .mobile-nav-inner { padding:12px 24px 24px; }


    .mobile-nav a:not(.btn) { display:flex; align-items:center; padding:12px 0; font-size:14.5px; font-weight:500; color:var(--gray-700); border-bottom:1px solid var(--gray-100); transition:color var(--t); }


    .mobile-nav a:not(.btn):hover { color:var(--g700); }


    .btn { display:inline-flex; align-items:center; gap:8px; padding:12px 26px; border-radius:8px; font-size:14px; font-weight:600; transition:all var(--t); cursor:pointer; border:none; }


    .btn-outline { background:transparent; color:var(--g700); border:2px solid var(--g200); }


    .btn-outline:hover { background:var(--g50); border-color:var(--g700); }


/* FOOTER */
    .footer { background: var(--g900); padding: 72px 0 0; }
    .footer-grid {
      display: grid; grid-template-columns: 2fr 1fr 1fr 1.4fr;
      gap: 40px; padding-bottom: 56px;
    }
    .footer-brand-logo img { height: 24px; width: auto; filter: brightness(0) invert(1); opacity: .85; }
    .footer-tagline { font-size:12px; font-weight:600; color:var(--gold); text-transform:none; letter-spacing:0.2px; margin:12px 0 16px; line-height:1.45; }
    .footer-brand-about { font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.75; }
    .footer-social { display: flex; gap: 10px; margin-top: 20px; }
    .footer-social a {
      width: 34px; height: 34px; border-radius: 8px;
      background: rgba(255,255,255,.08); display: flex;
      align-items: center; justify-content: center;
      transition: background var(--t);
    }
    .footer-social a:hover { background: var(--g700); }
    .footer-social svg { width: 16px; height: 16px; color: rgba(255,255,255,.7); }

    .footer-col-title {
      font-size: 11.5px; font-weight: 700;
      text-transform: uppercase; letter-spacing: .7px;
      color: var(--gold); margin-bottom: 18px;
    }
    .footer-links { list-style: none; padding: 0; margin: 0; }
    .footer-links li { margin-bottom: 10px; }
    .footer-links a {
      font-size: 13.5px; color: rgba(255,255,255,.6);
      transition: color var(--t);
    }
    .footer-links a:hover { color: var(--white); }

    .footer-contact-item {
      display: flex; align-items: flex-start; gap: 10px;
      margin-bottom: 14px;
    }
    .footer-contact-item svg { width: 16px; height: 16px; color: rgba(255,255,255,.35); flex-shrink: 0; margin-top: 2px; }
    .footer-contact-item span { font-size: 13px; color: rgba(255,255,255,.6); line-height: 1.6; }
    .footer-contact-item a { color: rgba(255,255,255,.75); transition: color var(--t); }
    .footer-contact-item a:hover { color: var(--white); }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.08);
      padding: 20px 0;
      display: flex; align-items: center; justify-content: space-between;
      gap: 16px; flex-wrap: wrap;
    }
    .footer-bottom-copy { font-size: 12px; color: rgba(255,255,255,.35); }
    .footer-bottom-links { display: flex; gap: 20px; flex-wrap: wrap; }
    .footer-bottom-links a { font-size: 12px; color: rgba(255,255,255,.4); transition: color var(--t); }
    .footer-bottom-links a:hover { color: rgba(255,255,255,.7); }

    .sc-logo {
      display: inline-flex; align-items: center; gap: 6px;
      width: fit-content; max-width: 100%;
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
      border-radius: 8px; padding: 8px 14px;
      font-size: 11px; color: rgba(255,255,255,.5);
      margin-top: 20px;
    }
    .sc-logo svg { width: 14px; height: 14px; color: var(--gold); flex-shrink: 0; }
    }
    .footer-brand-logo img { height: 24px; width: auto; filter: brightness(0) invert(1); opacity: .85; }
    .footer-tagline { font-size:12px; font-weight:600; color:var(--gold); text-transform:none; letter-spacing:0.2px; margin:12px 0 16px; line-height:1.45; }
    .footer-brand-about { font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.75; }
    .footer-social { display: flex; gap: 10px; margin-top: 20px; }
    .footer-social a {
      width: 34px; height: 34px; border-radius: 8px;
      background: rgba(255,255,255,.08); display: flex;
      align-items: center; justify-content: center;
      transition: background var(--t);
    }
    .footer-social a:hover { background: var(--g700); }
    .footer-social svg { width: 16px; height: 16px; color: rgba(255,255,255,.7); }

    .footer-col-title {
      font-size: 11.5px; font-weight: 700;
      text-transform: uppercase; letter-spacing: .7px;
      color: var(--gold); margin-bottom: 18px;
    }
    .footer-links li { margin-bottom: 10px; }
    .footer-links a {
      font-size: 13.5px; color: rgba(255,255,255,.6);
      transition: color var(--t);
    }
    .footer-links a:hover { color: var(--white); }

    .footer-contact-item {
      display: flex; align-items: flex-start; gap: 10px;
      margin-bottom: 14px;
    }
    .footer-contact-item svg { width: 16px; height: 16px; color: rgba(255,255,255,.35); flex-shrink: 0; margin-top: 2px; }
    .footer-contact-item span { font-size: 13px; color: rgba(255,255,255,.6); line-height: 1.6; }
    .footer-contact-item a { color: rgba(255,255,255,.75); transition: color var(--t); }
    .footer-contact-item a:hover { color: var(--white); }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.08);
      padding: 20px 0;
      display: flex; align-items: center; justify-content: space-between;
      gap: 16px; flex-wrap: wrap;
    }
    .footer-bottom-copy { font-size: 12px; color: rgba(255,255,255,.35); }
    .footer-bottom-links { display: flex; gap: 20px; flex-wrap: wrap; }
    .footer-bottom-links a { font-size: 12px; color: rgba(255,255,255,.4); transition: color var(--t); }
    .footer-bottom-links a:hover { color: rgba(255,255,255,.7); }

    .sc-logo {
      display: inline-flex; align-items: center; gap: 6px;
      width: fit-content; max-width: 100%;
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
      border-radius: 8px; padding: 8px 14px;
      font-size: 11px; color: rgba(255,255,255,.5);
      margin-top: 20px;
    }
    .sc-logo svg { width: 14px; height: 14px; color: var(--gold); flex-shrink: 0; }
    @media(max-width:1100px){.nav-fund-prices{display:none !important;} .nav-links{display:none;} .hamburger{display:flex;} .footer-grid{grid-template-columns:1fr 1fr;gap:32px;} }


    @media(max-width:500px){ .footer-grid{grid-template-columns:1fr;} .footer-bottom{flex-direction:column;text-align:center;} }


    .page-hero { background:linear-gradient(135deg,var(--g900),var(--g700)); padding:56px 0 48px; }


    .breadcrumb { display:flex; align-items:center; gap:8px; font-size:12.5px; color:rgba(255,255,255,.55); margin-bottom:20px; }


    .breadcrumb a { color:rgba(255,255,255,.55); transition:color var(--t); }


    .breadcrumb a:hover { color:#fff; }


    .breadcrumb svg { width:12px; height:12px; }


    .page-hero h1 { font-size:clamp(28px,4vw,42px); font-weight:800; color:#fff; margin-bottom:12px; }


    .page-hero p { font-size:15px; color:rgba(255,255,255,.75); max-width:520px; line-height:1.7; }


    .section { padding:72px 0; }


    .news-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:24px; }


    .news-card { background:var(--white); border:1.5px solid var(--gray-200); border-radius:var(--rl); padding:28px; display:flex; flex-direction:column; gap:12px; transition:all var(--t); }


    .news-card:hover { border-color:var(--g200); box-shadow:0 6px 24px rgba(13,71,161,.1); transform:translateY(-3px); }


    .news-card-meta { display:flex; align-items:center; gap:10px; }


    .news-cat { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:3px 10px; border-radius:100px; }


    .news-card-meta time { font-size:12px; color:var(--gray-400); }


    .news-card-title { font-size:16px; font-weight:700; color:var(--gray-900); line-height:1.4; flex:1; }


    .news-read-more { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--g700); }


    @media(max-width:700px){ .news-grid{grid-template-columns:1fr;} }


    .mob-accordion { border-bottom:1px solid var(--gray-100); }


    .mob-acc-btn { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px 0; font-size:14.5px; font-weight:500; color:var(--gray-700); background:none; border:none; cursor:pointer; }


    .mob-acc-btn:hover { color:var(--g700); }


    .mob-acc-chev { width:14px; height:14px; transition:transform .3s; flex-shrink:0; }


    .mob-accordion.open .mob-acc-chev { transform:rotate(180deg); }


    .mob-acc-body { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s; overflow:hidden; }


    .mob-accordion.open .mob-acc-body { grid-template-rows:1fr; }


    .mob-acc-inner { overflow:hidden; padding-bottom:4px; }


    .mob-acc-section { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--gray-400); padding:8px 12px 4px; }


    .mob-acc-body a { display:block !important; padding:9px 12px !important; font-size:13.5px !important; color:var(--gray-600) !important; border-bottom:none !important; }


    .mob-acc-body a:hover { color:var(--g700) !important; background:var(--g50); border-radius:6px; }


    .nav-fund-prices { display:none !important; }


  
.ip0{margin-top:18px !important}
.ip1{width:100% !important; justify-content:center !important; display:flex !important; background:var(--g700) !important; color:#fff !important}
.ip2{background:#dc262615 !important; color:#dc2626 !important}
.ip3{width:14px !important; height:14px !important}
.ip4{background:#0D47A115 !important; color:#0D47A1 !important}
.ip5{background:#16a34a15 !important; color:#16a34a !important}