:root{--page-about-primary:#113B7A;--page-about-secondary:#1D5FD1;--page-about-card-bg:#10233F;--page-about-text-main:#F3F8FF;--page-about-text-secondary:#AFC4E8;--page-about-border:#244D84;--page-about-glow:#4FA8FF;--page-about-gold:#F2C14E;--page-about-divider:#1B3357;--page-about-deep-navy:#08162B}
.page-about{overflow-x:hidden;color:var(--page-about-text-main)}
.page-about__hero-section{padding:10px 0 0 0;background:linear-gradient(0deg,var(--page-about-deep-navy) 0%,var(--page-about-primary) 100%)}
.page-about__hero-image-wrap{width:100%}
.page-about__hero-image{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;margin:0 auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.page-about__hero-content{max-width:1200px;margin:0 auto;padding:24px 16px 32px;text-align:center}
.page-about__main-title{font-size:clamp(1.4rem, 3vw, 2.2rem);font-weight:800;line-height:1.3;letter-spacing:.3px;color:var(--page-about-text-main);max-width:820px;margin:0 auto 12px;text-shadow:0 2px 4px rgba(0,0,0,.2)}
.page-about__hero-description{font-size:1.05rem;line-height:1.7;color:var(--page-about-text-secondary);max-width:700px;margin:0 auto 22px}
.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.page-about__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 30px;border-radius:50px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;white-space:normal;word-wrap:break-word;max-width:100%;box-sizing:border-box}
.page-about__btn--primary{background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%);border:1px solid var(--page-about-secondary);color:#fff;box-shadow:0 8px 20px rgba(31,93,209,.35)}
.page-about__btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(79,168,255,.4)}
.page-about__btn--secondary{background:transparent;border:1.5px solid var(--page-about-border);color:var(--page-about-text-main)}
.page-about__btn--secondary:hover{border-color:var(--page-about-glow);color:var(--page-about-glow)}
.page-about__info-section{background:var(--page-about-deep-navy)}
.page-about__info-inner{max-width:1200px;margin:0 auto;padding:32px 16px}
.page-about__story-block{padding-bottom:24px;border-bottom:1px solid var(--page-about-divider)}
.page-about__mission-block{padding-top:24px}
.page-about__section-title{font-size:clamp(1.3rem, 2.5vw, 1.9rem);font-weight:700;color:var(--page-about-gold);margin:0 0 16px}
.page-about__info-inner p{color:var(--page-about-text-secondary);line-height:1.8;margin:0 0 16px}
.page-about__info-inner strong{color:var(--page-about-text-main)}
.page-about__mission-list{list-style:none;padding-left:0;margin:0 0 24px}
.page-about__mission-list li{padding:10px 14px;border-left:3px solid var(--page-about-secondary);background:rgba(16,35,63,.4);color:var(--page-about-text-secondary);margin-bottom:8px;border-radius:0 8px 8px 0}
.page-about__stats-section{background:linear-gradient(180deg, var(--page-about-primary) 0%, var(--page-about-deep-navy) 100%)}
.page-about__stats-grid{max-width:1200px;margin:0 auto;padding:40px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.page-about__stat-item{text-align:center;padding:20px 12px;background:rgba(16,35,63,.55);border:1px solid var(--page-about-border);border-radius:14px}
.page-about__stat-number{display:block;font-size:1.8rem;font-weight:800;color:var(--page-about-glow);margin-bottom:6px}
.page-about__stat-label{font-size:.85rem;color:var(--page-about-text-secondary);text-transform:uppercase;letter-spacing:1px}
.page-about__logo-grid-section{padding:40px 8px;background:var(--page-about-deep-navy)}
.page-about__section-header{text-align:center;max-width:600px;margin:0 auto 30px;padding:0 12px}
.page-about__section-header p{color:var(--page-about-text-secondary);line-height:1.6}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px;justify-items:center;align-items:start;max-width:1200px;margin:0 auto}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:280px;width:100%}
.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;background:#0E1E36;border-radius:10px;border:1px solid var(--page-about-divider)}
.page-about__logo-item:nth-child(5){grid-column:2}
.page-about__logo-item:nth-child(6){grid-column:3}
.page-about__guide-section{background:var(--page-about-deep-navy);padding-top:20px}
.page-about__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px;text-align:center}
.page-about__guide-title{text-align:center;color:var(--page-about-gold);font-size:clamp(1.3rem,2.4vw,1.9rem);margin-bottom:8px}
.page-about__guide-desc{color:var(--page-about-text-secondary);line-height:1.7;max-width:700px;margin:0 auto 20px}
.page-about__guide-figure{margin:0 auto 24px}
.page-about__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:14px;border:1px solid var(--page-about-border)}
.page-about__guide-figure figcaption{font-size:.85rem;color:var(--page-about-text-secondary);margin-top:8px;font-style:italic}
.page-about__guide-highlight{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;padding:16px 24px;background:rgba(16,35,63,.4);border-left:4px solid var(--page-about-gold);border-radius:10px;max-width:600px;margin:0 auto}
.page-about__guide-year{font-weight:800;font-size:1.4rem;color:var(--page-about-gold);letter-spacing:2px}
.page-about__guide-highlight span:not(.page-about__guide-year){color:var(--page-about-text-main);font-weight:500}
@media (max-width:1024px){
.page-about__stats-grid{grid-template-columns:repeat(2,1fr)}
.page-about__logo-grid{grid-template-columns:repeat(3,1fr)}
.page-about__logo-item:nth-child(5){grid-column:auto}
.page-about__logo-item:nth-child(6){grid-column:auto}
}
@media (max-width:768px){
.page-about__hero-image{aspect-ratio:2/1}
.page-about__hero-section{padding-top:8px}
.page-about__hero-content{padding:16px 12px 24px}
.page-about__main-title{font-size:clamp(1.2rem, 5vw, 1.6rem)}
.page-about__hero-description{font-size:.95rem}
.page-about__hero-actions{flex-direction:column;align-items:stretch}
.page-about__btn{width:100%;max-width:100%}
.page-about__stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:24px 12px}
.page-about__stat-number{font-size:1.4rem}
.page-about__stat-label{font-size:.7rem}
.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.page-about__logo-item:nth-child(5){grid-column:auto}
.page-about__logo-item:nth-child(6){grid-column:auto}
.page-about__logo-image{aspect-ratio:2/1}
.page-about__guide-inner{padding:8px 12px 36px}
.page-about__guide-figure{margin-bottom:16px}
.page-about__guide-figure img{aspect-ratio:2/1}
.page-about img{max-width:100% !important;height:auto !important}
.page-about{max-width:100%;overflow-x:hidden}
}