
  @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
  *{ margin:0; padding:0; box-sizing:border-box; }
  body{
    font-family:'Inter',sans-serif; color:#141A18; background:#ffffff;
    -webkit-font-smoothing:antialiased;
  }
  a{ text-decoration:none; color:inherit; }
  img{ max-width:100%; display:block; }

  header{
    position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.9);
    backdrop-filter:blur(10px); border-bottom:1px solid #EFEFEF;
  }
  .nav{
    max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;
    padding:16px 24px;
  }
  .logo{ display:flex; align-items:center; gap:10px; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:18px; color:#0B4F8F; }
  .logo img{ width:32px; height:32px; object-fit:contain; }
  .back-link{
    display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px; color:#454E52;
    transition:color .25s ease; cursor:pointer;
  }
  .back-link:hover{ color:#12C4D6; }
  .back-link svg{ width:16px; height:16px; transition:transform .25s ease; }
  .back-link:hover svg{ transform:translateX(-3px); }

  /* ---------- Hero ---------- */
  .about-hero{
    position:relative; padding:90px 24px 80px; text-align:center; overflow:hidden;
    background-image:
      linear-gradient(180deg, rgba(6,14,12,0.88) 0%, rgba(8,22,18,0.82) 55%, rgba(11,18,16,0.94) 100%),
      url("../assets/images/image_050_7137caebc5.png");
    background-size:cover; background-position:center 35%; background-repeat:no-repeat;
  }
  .about-hero::before{
    content:""; position:absolute; top:-160px; left:50%; transform:translateX(-50%);
    width:640px; height:640px; border-radius:50%;
    background:radial-gradient(circle,rgba(18,196,214,0.18) 0%,rgba(18,196,214,0) 70%);
    pointer-events:none;
  }
  .about-hero-inner{
    position:relative; max-width:760px; margin:0 auto;
    opacity:0; transform:translateY(30px);
    animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .1s forwards;
  }
  .hero-tag{
    display:inline-flex; align-items:center; background:rgba(18,196,214,0.14); color:#5EEAF5;
    font-weight:800; font-size:11px; letter-spacing:1.6px; text-transform:uppercase;
    padding:8px 18px; border-radius:999px; margin-bottom:22px;
  }
  .about-hero h1{
    font-family:'Baloo 2',sans-serif; font-weight:800; font-size:42px; line-height:1.2; color:#ffffff; margin-bottom:16px;
  }
  @media(max-width:600px){ .about-hero h1{ font-size:30px; } }
  .about-hero p.tagline{
    font-style:italic; font-size:17px; color:rgba(255,255,255,0.68); line-height:1.6; max-width:600px; margin:0 auto;
  }

  @keyframes fadeUp{ 0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);} }

  /* ---------- Stat row ---------- */
  .stat-row{
    display:flex; flex-wrap:wrap; justify-content:center; gap:48px;
    max-width:900px; margin:44px auto 0;
    opacity:0; transform:translateY(24px);
    animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .35s forwards;
  }
  .stat-item{ text-align:center; }
  .stat-item .num{
    font-family:'Baloo 2',sans-serif; font-weight:800; font-size:30px;
    background:linear-gradient(100deg,#ffffff 25%,#5EEAF5 70%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .stat-item .label{ font-size:12.5px; color:rgba(255,255,255,0.6); margin-top:4px; letter-spacing:.3px; }

  /* ---------- Body content ---------- */
  .about-body{ max-width:800px; margin:0 auto; padding:80px 24px; }
  .about-body p{
    font-size:16px; color:#454E52; line-height:1.85; margin-bottom:26px;
    opacity:0; transform:translateY(24px);
    transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .about-body.in-view p{ opacity:1; transform:translateY(0); }
  .about-body.in-view p:nth-of-type(1){ transition-delay:.05s; }
  .about-body.in-view p:nth-of-type(2){ transition-delay:.2s; }
  .about-body.in-view p:nth-of-type(3){ transition-delay:.35s; }
  .about-body p:first-of-type::first-letter{
    font-family:'Baloo 2',sans-serif; font-weight:800; font-size:52px; color:#12C4D6;
    float:left; line-height:.8; margin:6px 10px 0 0;
  }

  /* ---------- Values strip ---------- */
  .values-section{ background:#F7FAFA; padding:70px 24px; }
  .values-grid{
    max-width:1000px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  }
  @media(max-width:760px){ .values-grid{ grid-template-columns:1fr; } }
  .value-card{
    background:#fff; border:1px solid #ECECEC; border-radius:16px; padding:28px 24px;
    opacity:0; transform:translateY(30px);
    transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease;
  }
  .values-section.in-view .value-card{ opacity:1; transform:translateY(0); }
  .values-section.in-view .value-card:nth-child(1){ transition-delay:.05s; }
  .values-section.in-view .value-card:nth-child(2){ transition-delay:.18s; }
  .values-section.in-view .value-card:nth-child(3){ transition-delay:.31s; }
  .value-card:hover{ border-color:#BFF0F4; box-shadow:0 16px 32px rgba(18,196,214,0.14); transform:translateY(-4px) !important; }
  .value-icon{
    width:44px; height:44px; border-radius:12px; margin-bottom:16px;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#12C4D6,#4E7CFF); color:#08150F;
  }
  .value-card h3{ font-family:'Baloo 2',sans-serif; font-weight:700; font-size:16px; color:#0A0A0A; margin-bottom:8px; }
  .value-card p{ font-size:13.5px; color:#767B81; line-height:1.6; }

  .awards-section{ padding:80px 24px; background:#ffffff; }
  .awards-inner{ max-width:1100px; margin:0 auto; }
  .awards-head{
    text-align:center; max-width:640px; margin:0 auto 44px;
    opacity:0; transform:translateY(24px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .awards-section.in-view .awards-head{ opacity:1; transform:translateY(0); }
  .awards-head h2{ font-family:'Baloo 2',sans-serif; font-weight:800; font-size:32px; color:#0A0A0A; margin-bottom:10px; }
  .awards-head h2 .accent{ color:#12C4D6; font-style:italic; }
  .awards-head p{ font-size:14.5px; color:#5C6569; line-height:1.6; }

  .awards-grid{
    display:grid; grid-template-columns:1.4fr 1fr; gap:20px; align-items:start;
  }
  @media(max-width:800px){ .awards-grid{ grid-template-columns:1fr; } }
  .award-feature{ grid-row:span 2; }
  .award-card{
    background:#fff; border:1px solid #ECECEC; border-radius:16px; overflow:hidden;
    opacity:0; transform:translateY(40px);
    transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease;
  }
  .awards-section.in-view .award-card{ opacity:1; transform:translateY(0); }
  .awards-section.in-view .award-card:nth-child(1){ transition-delay:.05s; }
  .awards-section.in-view .award-card:nth-child(2){ transition-delay:.18s; }
  .awards-section.in-view .award-card:nth-child(3){ transition-delay:.31s; }
  .awards-section.in-view .award-card:nth-child(4){ transition-delay:.44s; }
  .award-card:hover{ border-color:#BFF0F4; box-shadow:0 16px 32px rgba(18,196,214,0.14); transform:translateY(-4px) !important; }
  .award-card .award-img-wrap{ width:100%; overflow:hidden; background:#F0F3F3; }
  .award-card img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
  .award-card:hover img{ transform:scale(1.04); }
  .award-feature .award-img-wrap{ aspect-ratio:4/3; }
  .award-card:not(.award-feature) .award-img-wrap{ aspect-ratio:16/11; }
  .award-card .award-cap{ padding:16px 18px 18px; }
  .award-card .award-cap p{ font-size:13px; color:#5C6569; line-height:1.55; }
  .award-card .award-cap .award-tag{
    display:inline-block; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:11px; letter-spacing:.6px; text-transform:uppercase;
    color:#159A5A; background:rgba(63,208,122,0.12); padding:4px 10px; border-radius:999px; margin-bottom:8px;
  }

  footer{ padding:32px 24px; text-align:center; font-size:13px; color:#9AA3A0; }
