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

:root{
  --navy:#0e1030;
  --navy-2:#151a3d;
  --purple:#6a4cff;
  --purple-dark:#5638e0;
  --teal:#17c3a2;
  --amber:#f5a524;
  --ink:#1b1c33;
  --muted:#6b7086;
  --card-bg:#ffffff;
  --soft-bg:#f6f7fb;
}
body{font-family:'Inter',sans-serif;color:var(--ink);}
h1,h2,h3,h4,.display-font{font-family:'Poppins',sans-serif;}
.btn-purple{background:var(--purple);border-color:var(--purple);color:#fff;font-weight:600;}
.btn-purple:hover{background:var(--purple-dark);border-color:var(--purple-dark);color:#fff;}
.btn-outline-dark-soft{border:1px solid #d8dae6;color:var(--ink);font-weight:600;background:#fff;}
.btn-outline-dark-soft:hover{background:#f0f0f5;color:var(--ink);}
.btn-teal{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600;}
.btn-teal:hover{background:#12a88c;border-color:#12a88c;color:#fff;}
.navbar-dark-custom{background:var(--navy);}
.navbar-dark-custom .nav-link{color:#c7c9dc;font-weight:500;font-size:.92rem;}
.navbar-dark-custom .nav-link:hover{color:#fff;}
.brand-badge{width:30px;height:30px;background:var(--purple);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;}
.breadcrumb-hero{background:var(--navy-2);color:#aeb1cc;}
.hero-section{background:linear-gradient(180deg,#f3f2ff 0%, #f7f8fc 100%);}
.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--purple);}
.search-bar-dark{background:var(--navy);}
.search-bar-dark .form-control{background:#fff;border:0;}
.tag-pill{background:transparent;border:1px solid #3a3d63;color:#c7c9dc;font-size:.8rem;padding:.35rem .9rem;border-radius:30px;}
.tag-pill.active{background:var(--purple);border-color:var(--purple);color:#fff;}
.feature-pill{border-radius:14px;padding:1rem 1.1rem;font-size:.85rem;font-weight:600;display:flex;gap:.7rem;align-items:flex-start;}
.feature-pill .icon-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;}
.pill-purple{background:#efeaff;color:#4b3bb0;}
.pill-teal{background:#e4f9f4;color:#0e8a72;}
.pill-amber{background:#fef3e0;color:#b3790a;}
.pill-blue{background:#e7edff;color:#3653c9;}
.sector-card{border:1px solid #ececf3;border-radius:16px;background:#fff;padding:1.4rem;height:100%;transition:.2s;}
.sector-card:hover{box-shadow:0 12px 30px rgba(20,20,50,.08);transform:translateY(-3px);}
.sector-card .check-item{font-size:.83rem;color:var(--muted);margin-bottom:.4rem;}
.sector-card .check-item i{color:var(--teal);margin-right:.4rem;}
.invest-way-card{border-radius:16px;padding:1.5rem 1.2rem;height:100%;font-weight:600;font-size:.95rem;}
.section-heading{font-weight:800;font-size:2.1rem;line-height:1.2;}
.muted-text{color:var(--muted);}
.return-icon-wrap{width:90px;height:90px;border-radius:16px;background:var(--soft-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;}
.opportunity-card{border:1px solid #ececf3;border-radius:16px;overflow:hidden;background:#fff;height:100%;}
.opportunity-card .thumb{height:130px;background:linear-gradient(135deg,#dfe3f5,#f1eaff);display:flex;align-items:center;justify-content:center;font-size:2.3rem;color:#b7a9f5;position:relative;}
.badge-status{position:absolute;top:10px;right:10px;font-size:.65rem;font-weight:700;}
.opportunity-card .body-p{padding:1rem 1.1rem;}
.opportunity-card .meta-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.35rem;}
.analysis-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;font-weight:600;font-size:.95rem;}
.analysis-item i{color:var(--purple);font-size:1.1rem;}
.img-placeholder{border-radius:16px;background:linear-gradient(135deg,#d9ceff,#c9e9ff);display:flex;align-items:center;justify-content:center;color:#7a6bcf;font-size:2.5rem;height:100%;min-height:260px;}
.global-icon{width:90px;height:90px;border-radius:16px;background:var(--soft-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:var(--purple);}
.who-card{border-radius:16px;overflow:hidden;position:relative;height:190px;}
.who-card .ph{height:100%;background:linear-gradient(135deg,#2a2d55,#4b3bb0);display:flex;align-items:center;justify-content:center;color:#cfc9ff;font-size:2.4rem;}
.who-card .cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;padding:.7rem .9rem .5rem;font-weight:600;font-size:.85rem;}
.badge-soft-green{background:#e4f9f4;color:#0e8a72;font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:.4rem .8rem;border-radius:30px;}
.why-now-card{border:1px solid #ececf3;border-radius:14px;padding:1.2rem;height:100%;}
.why-now-card .badge-new{font-size:.65rem;font-weight:700;}
.connect-box{border:1px solid #ececf3;border-radius:16px;padding:1.2rem 1.4rem;}
.connect-item i{color:var(--purple);margin-right:.6rem;}
.cta-gradient{background:linear-gradient(120deg,#6a4cff 0%, #3a52e8 100%);border-radius:0;}
.mock-card{background:#fff;border-radius:16px;padding:1.2rem;box-shadow:0 20px 50px rgba(0,0,0,.25);}
footer{background:var(--navy);color:#9a9dbf;}
footer h6{color:#fff;font-weight:700;}
footer a{color:#9a9dbf;text-decoration:none;font-size:.88rem;}
footer a:hover{color:#fff;}
.section-py{padding-top:4.5rem;padding-bottom:4.5rem;}
@media (max-width:767.98px){
  .section-heading{font-size:1.6rem;}
}