:root{--ab-deep:#010b18;--ab-navy:#03182c;--ab-cyan:#13d8ef;--ab-text:#f7fbff;--ab-muted:#b7c8d8;--ab-line:rgba(91,218,241,.24)}
.about-page{background:var(--ab-deep);color:var(--ab-text)}
.about-hero{min-height:430px;padding:58px 7%;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);align-items:center;gap:50px;background:radial-gradient(circle at 80% 30%,rgba(19,216,239,.16),transparent 34%),linear-gradient(135deg,#031d35,#010b18)}
.about-hero-copy{width:min(100%,820px)}.about-kicker,.about-heading>span{color:var(--ab-cyan);font-size:.8rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about-hero h1{margin:10px 0 18px;font-size:clamp(3rem,5.5vw,5.4rem);line-height:1}.about-hero p{color:var(--ab-muted);font-size:1.1rem;line-height:1.7}.about-actions{display:flex;gap:14px;margin-top:27px;flex-wrap:wrap}.about-primary,.about-secondary{display:inline-block;padding:14px 22px;border:1px solid var(--ab-cyan);border-radius:10px;font-weight:800}.about-primary{background:var(--ab-cyan);color:#001321}.about-secondary{color:#fff}.about-mark{text-align:center}.about-mark img{width:min(100%,270px);filter:drop-shadow(0 20px 35px rgba(0,0,0,.35))}.about-mark img:hover{animation:none!important;filter:drop-shadow(0 20px 35px rgba(0,0,0,.35))!important}
.about-stats{width:min(90%,1120px);margin:-36px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ab-line);border-radius:15px;background:#06223c;box-shadow:0 22px 55px rgba(0,0,0,.3)}.about-stats div{padding:25px;text-align:center;border-right:1px solid var(--ab-line)}.about-stats div:last-child{border:0}.about-stats strong{display:block;color:var(--ab-cyan);font-size:2rem}.about-stats span{display:block;margin-top:4px;color:var(--ab-muted)}
.about-values{padding:80px 5%}.about-heading{text-align:center;margin-bottom:34px}.about-heading h2{margin-top:7px;font-size:clamp(2rem,3.6vw,3.15rem)}.about-grid{width:min(100%,1120px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-grid article{padding:29px 25px;border:1px solid var(--ab-line);border-radius:15px;background:linear-gradient(145deg,rgba(13,52,82,.88),rgba(3,24,44,.9))}.about-grid b{color:var(--ab-cyan);font-size:1.8rem}.about-grid h3{margin:16px 0 9px}.about-grid p{color:var(--ab-muted);line-height:1.6}
body.light-mode header{background:#f8fbfe!important;color:#102235!important;border-bottom:1px solid rgba(2,45,76,.13)!important;box-shadow:0 5px 22px rgba(6,35,59,.09)!important}body.light-mode #main-nav a{color:#102235!important}body.light-mode .mobile-menu-btn span{background:#102235!important}body:not(.light-mode) header{background:#010b18!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.light-mode .about-page{background:#f3f8fc;color:#102235}body.light-mode .about-hero{background:radial-gradient(circle at 80% 25%,rgba(19,216,239,.18),transparent 35%),linear-gradient(135deg,#edf8ff,#dbeef8)}body.light-mode .about-hero p,body.light-mode .about-stats span,body.light-mode .about-grid p{color:#52697d}body.light-mode .about-secondary{background:#fff;color:#102235}body.light-mode .about-stats{background:#fff;color:#102235;border-color:rgba(9,121,147,.2);box-shadow:0 20px 50px rgba(26,66,94,.12)}body.light-mode .about-stats div{border-color:rgba(9,121,147,.16)}body.light-mode .about-grid article{background:#fff;color:#102235;border-color:rgba(9,121,147,.2);box-shadow:0 12px 32px rgba(26,66,94,.08)}
@media(max-width:800px){.about-hero{grid-template-columns:1fr;padding:48px 24px}.about-mark{display:none}.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr;margin-top:-20px}.about-stats div{border-right:0;border-bottom:1px solid var(--ab-line)}.about-values{padding:60px 20px}}