/* Source styles: about.html */

.ab-story{background:#fff;}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:56px;}
.ab-copy p{color:var(--slate);font-size:16.5px;margin-bottom:20px;}
.ab-copy p strong{color:var(--blue-700);}
.ab-copy h3{font-size:24px;color:var(--blue-950);font-weight:700;margin-bottom:16px;}
.ab-visual{position:relative;}
.ab-panel{background:var(--blue-950);border-radius:22px;padding:40px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
.ab-panel::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(74,148,255,.5),transparent 70%);}
.ab-panel h3{font-size:24px;margin-bottom:20px;position:relative;}
.ab-panel .metric{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid rgba(255,255,255,.12);padding:15px 0;position:relative;}
.ab-panel .metric:last-child{border:0;}
.ab-panel .metric b{font-family:'Poppins',sans-serif;font-size:32px;font-weight:800;background:linear-gradient(90deg,#fff,var(--blue-300));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;min-width:100px;}
.ab-panel .metric small{color:#9fb2cd;font-size:14px;}

/* Values */
.ab-values{background:var(--light);}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:56px;}
.val-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 26px;transition:.28s;position:relative;text-align:center;box-shadow:var(--shadow-sm);}
.val-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
.val-card .vi{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--blue-100),var(--blue-200));color:var(--blue-700);display:grid;place-items:center;font-size:26px;margin:0 auto 18px;}
.val-card .vi .icon-img{width:28px;height:28px;object-fit:contain;}
.val-card h4{font-size:17px;color:var(--blue-950);font-weight:700;margin-bottom:10px;}
.val-card p{color:var(--slate);font-size:14px;}

/* Timeline */
.ab-timeline{background:#fff;}
.tl{position:relative;max-width:760px;margin:56px auto 0;padding-left:34px;}
.tl::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue-500),var(--blue-300));border-radius:3px;}
.tl-item{position:relative;padding:0 0 34px 20px;}
.tl-item::before{content:"";position:absolute;left:-34px;top:6px;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--blue-500);box-shadow:0 0 0 4px var(--blue-50);}
.tl-item b{display:block;font-family:'Poppins',sans-serif;font-size:18px;color:var(--blue-600);margin-bottom:5px;}
.tl-item h4{font-size:17px;color:var(--blue-950);font-weight:700;margin-bottom:6px;}
.tl-item p{color:var(--slate);font-size:14.5px;}

/* Mission */
.ab-mission{background:linear-gradient(135deg,var(--blue-800),var(--blue-900));color:#fff;overflow:hidden;position:relative;}
.ab-mission::before{content:"";position:absolute;top:-80px;right:5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(74,148,255,.4),transparent 70%);}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:56px;position:relative;}
.mission-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:34px;}
.mission-card .mi{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));display:grid;place-items:center;font-size:24px;margin-bottom:18px;}
.mission-card .mi .icon-img{width:25px;height:25px;object-fit:contain;}
.mission-card h3{font-size:20px;font-weight:700;margin-bottom:12px;}
.mission-card p{color:#c3d0e4;font-size:15px;line-height:1.7;}
@media(max-width:1024px){
  .ab-grid,.mission-grid{grid-template-columns:1fr;gap:40px;}
  .val-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){.val-grid{grid-template-columns:1fr;}}


/* Source styles: contact.html */

.contact-page{background:#fff;}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;margin-top:56px;align-items:start;}
.contact-info{display:flex;flex-direction:column;gap:18px;}
.cinfo{display:flex;gap:16px;align-items:flex-start;padding:22px;background:var(--light);border:1px solid var(--line);border-radius:14px;transition:.25s;}
.cinfo:hover{background:var(--blue-50);border-color:var(--blue-200);transform:translateX(4px);}
.cinfo .ci{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;display:grid;place-items:center;font-size:22px;flex-shrink:0;}
.cinfo .ci .icon-img{width:25px;height:25px;object-fit:contain;}
.cinfo b{font-size:15.5px;color:var(--blue-950);display:block;margin-bottom:4px;}
.cinfo p,.cinfo a{color:var(--slate);font-size:14.5px;line-height:1.5;display:block;}
.cinfo a:hover{color:var(--blue-600);}
.contact-form{background:var(--blue-950);border-radius:22px;padding:40px;color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}
.contact-form::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(74,148,255,.4),transparent 70%);}
.contact-form h3{font-size:24px;margin-bottom:6px;position:relative;}
.contact-form .cf-sub{color:#9fb2cd;font-size:14.5px;margin-bottom:28px;position:relative;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fgroup{margin-bottom:16px;}
.fgroup label{display:block;font-size:13px;font-weight:600;color:var(--blue-100);margin-bottom:7px;}
.fgroup input,.fgroup select,.fgroup textarea{width:100%;padding:13px 15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;font-family:inherit;font-size:14.5px;transition:.2s;}
.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{outline:none;border-color:var(--blue-400);background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(74,148,255,.2);}
.fgroup select option{color:var(--ink);background:#fff;}
.fgroup textarea{min-height:110px;resize:vertical;}
.btn-block{width:100%;padding:15px;justify-content:center;margin-top:6px;position:relative;}
.form-note{position:relative;font-size:12.5px;color:#8ba0bf;margin-top:14px;text-align:center;}
.map-wrap{margin-top:70px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);}
.map-placeholder{background:linear-gradient(135deg,var(--blue-800),var(--blue-600));color:#fff;padding:60px 30px;text-align:center;min-height:280px;display:grid;place-items:center;}
.map-placeholder .mp-inner h4{font-size:24px;margin-bottom:8px;}
.map-placeholder .mp-inner p{color:#c6d3e6;max-width:460px;margin:0 auto;}
.map-placeholder .mp-pin{font-size:44px;margin-bottom:12px;display:block;}
.map-placeholder .mp-pin .icon-img{width:35px;height:35px;object-fit:contain;margin:0 auto;}
@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;}}
@media(max-width:720px){.frow{grid-template-columns:1fr;}}


/* Source styles: news.html */

.news-page{background:var(--light);}
.news-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:56px;}
.n-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.28s;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative;}
  .n-card-link{position:absolute;inset:0;z-index:3;border-radius:18px;}
  .n-card-link:focus-visible{outline:3px solid var(--blue-400);outline-offset:-3px;}
.n-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
.n-card .n-img{height:210px;background:linear-gradient(135deg,var(--blue-800),var(--blue-600));display:grid;place-items:center;color:rgba(255,255,255,.5);font-size:60px;position:relative;overflow:hidden;}
.n-card .n-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,27,61,.55),transparent 50%);}
  /* Use the compact illustrated icon scale from the approved News card reference. */
  .n-card .n-img .icon-img{width:60px;height:60px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(4,26,71,.24));}
  .n-card .n-date{position:absolute;top:16px;left:16px;background:var(--blue-600);color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:100px;letter-spacing:.03em;z-index:2;}
.n-card .n-body{padding:26px;display:flex;flex-direction:column;flex:1;}
.n-card .n-cat{align-self:flex-start;background:var(--blue-50);color:var(--blue-700);font-size:12px;font-weight:600;padding:5px 12px;border-radius:100px;margin-bottom:14px;}
.n-card h4{font-size:18px;color:var(--blue-950);font-weight:700;margin-bottom:10px;line-height:1.4;}
.n-card h4:hover{color:var(--blue-600);}
.n-card p{color:var(--slate);font-size:14px;flex:1;margin-bottom:18px;}
.n-excerpt{border-top:1px solid var(--line);margin-top:auto;padding-top:16px;}
.n-excerpt h4{font-size:15px;margin-bottom:8px;}
.n-excerpt .n-date2{font-size:12.5px;color:var(--blue-600);font-weight:700;margin-bottom:8px;}
@media(max-width:720px){.news-list{grid-template-columns:1fr;}.n-card .n-img .icon-img{width:52px;height:52px;filter:drop-shadow(0 3px 6px rgba(4,26,71,.22));}}