.about-page{color:#1e293b;font-family:var(--font-site-sans);background:#fff}.about-page .container{max-width:1100px;margin:0 auto;padding:0 20px}.about-page h1,.about-page h2,.about-page h3,.about-page h4{font-family:var(--font-site-sans)}.about-page .about-hero{background:radial-gradient(circle at 8% 8%,#004aad17,#0000 26%),linear-gradient(#f7faff 0%,#fff 100%);padding:72px 0 44px;position:relative;overflow:hidden}.about-page .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:clamp(44px,6vw,78px);display:grid}.about-page .hero-copy{min-width:0}.about-page .hero-kicker{color:#004aad;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:.76rem;font-weight:750;display:inline-flex}.about-page .hero-kicker:before{content:"";background:#004aad;width:26px;height:2px}.about-page .about-hero h1{color:#10213a;letter-spacing:-.05em;max-width:620px;margin:18px 0 20px;font-size:clamp(2.7rem,5vw,4.45rem);font-weight:650;line-height:1.02}.about-page .about-hero h1 span{color:#004aad}.about-page .hero-sub{color:#52637a;max-width:580px;margin:0;font-size:1rem;line-height:1.75}.about-page .hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.about-page .hero-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.about-page .hero-button:hover{transform:translateY(-2px)}.about-page .hero-button-primary{color:#fff;background:#004aad}.about-page .hero-button-primary:hover{background:#003985}.about-page .hero-button-secondary{color:#18314f;background:#fff;border-color:#c9d6e6}.about-page .hero-button-secondary:hover{color:#004aad;border-color:#004aad}.about-page .hero-programs{color:#617086;flex-wrap:wrap;gap:8px 18px;margin-top:28px;font-size:.76rem;font-weight:650;display:flex}.about-page .hero-programs span{padding-left:11px;position:relative}.about-page .hero-programs span:before{content:"";background:#1687e8;border-radius:50%;width:4px;height:4px;position:absolute;top:.48em;left:0}.about-page .hero-visual{min-width:0;padding:0 0 28px 28px;position:relative}.about-page .hero-visual:before{content:"";background:#dbeaff;border-radius:18px;position:absolute;inset:28px 28px 0 0}.about-page .hero-image{z-index:1;aspect-ratio:1.35;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 50px #10213a29}.about-page .hero-note{z-index:2;background:#fff;border-left:4px solid #1687e8;max-width:255px;padding:14px 17px;display:grid;position:absolute;bottom:0;right:-12px;box-shadow:0 12px 30px #10213a24}.about-page .hero-note strong{color:#10213a;font-size:.88rem}.about-page .hero-note span{color:#65758a;margin-top:2px;font-size:.72rem;line-height:1.4}.about-page .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#004aad;margin-bottom:10px;font-size:.78rem;font-weight:700;display:inline-block}.about-page h2{color:#004aad;margin-bottom:20px;font-size:2.15rem;font-weight:600}.about-page p{color:#475569;line-height:1.8}.about-page .stats-bar{z-index:2;background:#fff;border:1px solid #dfe7f1;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:26px 10px;margin-top:54px;padding:26px 20px;display:grid;position:relative;box-shadow:0 12px 35px #10213a14}.about-page .mission-section{padding:76px 0 50px}.about-page .mission-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:60px;display:grid}.about-page .text-content{padding-top:20px;padding-bottom:60px}.about-page .image-content{position:sticky;top:110px}.about-page .image-card{border-radius:18px;height:450px;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.about-page .image-card:hover{box-shadow:0 26px 50px #004aad2e}.about-page .image-card img{transform:translateY(var(--parallax,0px))scale(1.12);transition:transform .15s linear}@media (max-width:900px){.about-page .hero-grid{grid-template-columns:1fr;gap:42px}.about-page .hero-copy{max-width:680px}.about-page .hero-visual{width:100%;max-width:720px}.about-page .image-content{position:static}.about-page .text-content{padding-top:0;padding-bottom:0}}.about-page .journey-section{background:#fff;border-top:1px solid #e6eef8;padding:76px 0}.about-page .journey-section .section-title{text-align:center;margin-bottom:42px}.about-page .journey-section .section-title p{color:#64748b;margin-top:8px}.about-page .timeline{max-width:760px;margin:0 auto;position:relative}.about-page .timeline-line{opacity:.5;background:linear-gradient(#004aad,#68abff);width:2px;position:absolute;top:8px;bottom:8px;left:11px}.about-page .timeline-item{grid-template-columns:24px 1fr;gap:24px;padding-bottom:44px;display:grid;position:relative}.about-page .timeline-item:last-child{padding-bottom:0}.about-page .timeline-dot{background:#fff;border:3px solid #004aad;border-radius:50%;width:24px;height:24px;margin-top:2px;box-shadow:0 0 0 4px #fff}.about-page .timeline-content{background:#fff;border:1px solid #dfe7f1;border-radius:10px;padding:22px 26px;box-shadow:0 6px 20px #004aad0d}.about-page .timeline-tag{letter-spacing:.08em;text-transform:uppercase;color:#004aad;margin-bottom:6px;font-size:.72rem;font-weight:700;display:inline-block}.about-page .timeline-content h4{color:#004aad;margin-bottom:8px;font-size:1.15rem}.about-page .timeline-content p{margin:0;font-size:.98rem}.about-page .values-section{background:#f5f8fd;border-block:1px solid #e6eef8;padding:76px 0}.about-page .values-section .section-title{text-align:center;margin-bottom:40px}.about-page .values-section .section-title p{color:#64748b;margin-top:8px}.about-page .values-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.about-page .value-card{text-align:center;border:1px solid #dfe7f1;background:#fff;border-top:3px solid #b8d6fa;border-radius:12px;padding:34px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 4px 15px #004aad0a}.about-page .value-card:hover{border-top-color:#004aad;transform:translateY(-8px);box-shadow:0 20px 35px #004aad1f}.about-page .value-icon{color:#004aad;background:#edf5ff;border-radius:10px;place-items:center;width:48px;height:48px;margin-bottom:20px;transition:transform .3s;display:inline-grid}.about-page .value-icon svg{width:24px;height:24px}.about-page .value-card:hover .value-icon{transform:scale(1.15)rotate(-4deg)}.about-page .branch-section{background:#fff;padding:76px 0}.about-page .branch-section .section-title{text-align:center;margin-bottom:40px}.about-page .branch-section .section-title p{color:#64748b;margin-top:8px}.about-page .branch-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin-top:30px;display:grid}.about-page .branch-card{background:#fff;border:1px solid #dfe7f1;border-radius:12px;flex-direction:column;transition:box-shadow .35s,transform .35s;display:flex;overflow:hidden;box-shadow:0 8px 28px #004aad0f}.about-page .branch-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #004aad29}.about-page .branch-image{width:100%;height:220px;position:relative;overflow:hidden}.about-page .branch-image img{transition:transform .6s}.about-page .branch-card:hover .branch-image img{transform:scale(1.08)}.about-page .branch-pin{color:#fff;background:#004aade6;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:14px}.about-page .branch-pin svg{width:13px;height:13px}.about-page .branch-content{padding:32px}.about-page .branch-content h3{color:#004aad;margin-bottom:14px;font-size:1.6rem}.about-page .branch-content p{color:#475569;margin:0;font-size:1.05rem;line-height:1.7}.about-page .faculty-section{background:#f5f8fd;border-block:1px solid #e6eef8;padding:76px 0}.about-page .faculty-section .section-title{text-align:center;margin-bottom:40px}.about-page .faculty-section .section-title p{color:#64748b;margin-top:8px}.about-page .faculty-grid{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.about-page .faculty-card{text-align:center;background:#fff;border:1px solid #dfe7f1;border-radius:12px;padding-bottom:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 22px #004aad0d}.about-page .faculty-card:hover{transform:translateY(-6px);box-shadow:0 18px 32px #004aad1f}.about-page .faculty-image{background:#eef2f7;border-radius:11px 11px 0 0;height:240px;position:relative;overflow:hidden}.about-page .faculty-image img{filter:grayscale(35%);transition:filter .4s,transform .4s}.about-page .faculty-card:hover .faculty-image img{filter:grayscale(0%);transform:scale(1.04)}.about-page .faculty-card h4{color:#004aad;margin-top:16px;font-weight:600}.about-page .faculty-card span{color:#64748b;font-size:.9rem}.about-page .vision-section{background:#fff;padding:76px 0}.about-page .vision-box{color:#fff;text-align:center;background:radial-gradient(circle at 90% 0,#5ba6ff59,#0000 25%),linear-gradient(135deg,#004aad 0%,#003783 100%);border-radius:16px;padding:60px;position:relative;overflow:hidden}.about-page .vision-box h3{margin-bottom:20px;font-size:2rem}.about-page .vision-box p{opacity:.92;color:#e0e7ff;max-width:800px;margin:0 auto 30px;font-size:1.15rem;line-height:1.8}.about-page .highlight{color:#fff;border-top:1px solid #fff3;padding-top:30px;font-weight:700}.about-page .cta-section{background:#fff;padding:0 0 80px}.about-page .cta-box{text-align:center;background:#f5f8fd;border:1px solid #cfe0f5;border-radius:14px;padding:50px 30px}.about-page .cta-box h2{margin-bottom:10px}.about-page .cta-box p{margin-bottom:28px}.about-page .cta-actions{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.about-page .btn{border-radius:8px;padding:14px 30px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-block}.about-page .btn-primary{color:#fff;background:#004aad;box-shadow:0 12px 24px #004aad40}.about-page .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 30px #004aad52}.about-page .btn-secondary{color:#004aad;background:#fff;border:2px solid #004aad}.about-page .btn-secondary:hover{background:#eff6ff;transform:translateY(-3px)}.about-page .reveal{opacity:0;transition:opacity .7s,transform .7s;transition-delay:var(--delay,0s);transform:translateY(28px)}.about-page .reveal.in-view{opacity:1;transform:translateY(0)}@keyframes about-page--fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-page .fade-up{opacity:0;animation:.8s forwards about-page--fadeUp}@media (prefers-reduced-motion:reduce){.about-page .reveal,.about-page .fade-up,.about-page .hero-glow,.about-page .value-card,.about-page .branch-card,.about-page .faculty-card,.about-page .btn,.about-page .image-card{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (max-width:900px){.about-page .mission-grid,.about-page .values-grid,.about-page .branch-grid{grid-template-columns:1fr}.about-page .faculty-grid{grid-template-columns:repeat(2,1fr)}.about-page .about-hero{padding:52px 0 38px;overflow:hidden}.about-page .stats-bar{grid-template-columns:repeat(2,1fr);gap:28px 16px;margin-top:42px;padding:28px 18px}.about-page .about-hero h1{font-size:clamp(2.45rem,8vw,3.6rem)}.about-page .vision-box,.about-page .cta-box{padding:34px 26px}.about-page .branch-image{height:200px}.about-page .branch-content{padding:26px}}@media (max-width:520px){.about-page .about-hero{padding-top:38px}.about-page .about-hero h1{font-size:2.5rem}.about-page .hero-actions{grid-template-columns:1fr;display:grid}.about-page .hero-button{width:100%}.about-page .hero-visual{padding:0 0 18px 14px}.about-page .hero-visual:before{inset:16px 14px 0 0}.about-page .hero-image{aspect-ratio:1.2;border-radius:14px}.about-page .hero-note{max-width:225px;right:0}.about-page .stats-bar{grid-template-columns:1fr 1fr;padding:24px 14px}.about-page .faculty-grid{grid-template-columns:1fr}}.about-page .stat-item{text-align:center;border-right:1px solid #e2e8f0;min-width:0;padding:0 10px}.about-page .stat-item:last-child{border-right:none}.about-page .stat-item strong{font-family:var(--font-site-sans);color:#004aad;overflow-wrap:break-word;font-size:2rem;font-weight:600;line-height:1.15;display:block}.about-page .stat-item span{color:#64748b;margin-top:4px;font-size:.85rem;display:block}@media (max-width:900px){.about-page .stat-item{border-right:none;padding:0 8px}.about-page .stat-item:nth-child(odd){border-right:1px solid #e2e8f0}.about-page .stat-item strong{font-size:1.6rem}}
