.page-about{color:#FFF3E6;background-color:#0D0E12}
.page-about__hero{background-color:#0D0E12;overflow:hidden;padding:10px 0 0 0;margin:0}
.page-about__hero-container{display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:0 16px}
.page-about__hero-image-wrap{margin-bottom:24px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(255,140,26,.15)}
.page-about__hero-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.page-about__hero-content{text-align:center;padding:0 16px 24px}
.page-about__main-title{color:#FFF3E6;font-weight:700;line-height:1.2;letter-spacing:.5px;max-width:900px;margin:0 auto 12px}
.page-about__hero-desc{color:#e8e0d6;max-width:900px;margin:0 auto 24px;line-height:1.8}
.page-about__hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.page-about__btn{display:inline-block;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;text-align:center;box-sizing:border-box;border:none;transition:opacity .3s}
.page-about__btn:hover{opacity:.85}
.page-about__btn--primary{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12}
.page-about__btn--secondary{background:transparent;color:#FFA53A;border:2px solid #FF8C1A}
.page-about__intro,.page-about__values,.page-about__commitment{background-color:#0D0E12;padding:60px 16px}
.page-about__intro-container,.page-about__values-container,.page-about__commitment-container,.page-about__partners-container,.page-about__faq-container,.page-about__stats-grid{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}
.page-about__section-title{color:#FFA53A;font-weight:700;text-align:center;margin-bottom:24px;line-height:1.3}
.page-about__intro-text{max-width:900px;margin:0 auto 18px;line-height:1.8;color:#e8e0d6;text-align:center}
.page-about__stats{padding:60px 16px;background-color:#17191F}
.page-about__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.page-about__stat-item{background:#0D0E12;border:1px solid #A84F0C;border-radius:16px;padding:28px 16px;box-shadow:0 4px 20px rgba(255,140,26,.06)}
.page-about__stat-number{display:block;font-weight:700;color:#FFB04D;margin-bottom:8px}
.page-about__stat-label{color:#FFF3E6;font-weight:500}
.page-about__values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-about__value-card{background:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:28px 20px;text-align:center}
.page-about__value-icon{font-size:44px;color:#FFB04D;margin-bottom:12px}
.page-about__value-title{color:#FFA53A;font-weight:700;margin-bottom:10px}
.page-about__value-text{color:#e8e0d6;line-height:1.7;font-size:.95rem}
.page-about__features{padding:60px 16px;background-color:#0D0E12;padding-top:10px;padding-bottom:60px}
.page-about__features-container{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}
.page-about__features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-about__feature-item{background:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:16px;transition:transform .2s, box-shadow .2s}
.page-about__feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,140,26,.1)}
.page-about__feature-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:14px}
.page-about__feature-title{color:#FFB04D;font-weight:700;margin-bottom:8px}
.page-about__feature-text{color:#d8d0c6;line-height:1.7;font-size:.9rem}
.page-about__timeline{background:#17191F;padding:60px 16px}
.page-about__timeline-container{max-width:900px;width:100%;margin:0 auto;position:relative;padding-left:24px;border-left:2px solid #FF8C1A}
.page-about__timeline-item{position:relative;padding-bottom:36px;padding-left:16px}
.page-about__timeline-item:last-child{padding-bottom:0}
.page-about__timeline-marker{position:absolute;left:-9px;top:4px;width:16px;height:16px;background:#FF8C1A;border-radius:50%;border:3px solid #0D0E12}
.page-about__timeline-date{color:#FF8C1A;font-weight:bold;font-size:14px;display:block;margin-bottom:6px}
.page-about__timeline-title{color:#FFF3E6;font-weight:700;margin-bottom:8px}
.page-about__timeline-text{color:#d8d0c6;line-height:1.7}
.page-about__team{padding:60px 16px;background:#17191F}
.page-about__team-container{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}
.page-about__team-intro{max-width:800px;margin:0 auto 32px;text-align:center;color:#d8d0c6;line-height:1.8}
.page-about__team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-about__team-card{background-color:#0D0E12;border:1px solid #A84F0C;border-radius:16px;padding:18px;text-align:center}
.page-about__team-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:14px}
.page-about__team-name{color:#FFB04D;font-weight:700;margin-bottom:4px}
.page-about__team-role{color:#FF8C1A;font-size:.85rem;margin-bottom:10px;font-style:italic}
.page-about__team-text{color:#b8b0a6;line-height:1.6;font-size:.9rem}
.page-about__commitment{padding:60px 16px;background-color:#0D0E12}
.page-about__commitment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-about__commitment-item{background:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:28px 20px;text-align:center}
.page-about__commitment-icon{font-size:40px;color:#FFB04D;margin-bottom:12px;display:block}
.page-about__commitment-title{color:#FFA53A;font-weight:700;margin-bottom:10px}
.page-about__commitment-text{color:#e8e0d6;line-height:1.7;font-size:.9rem}
.page-about__partners{background:#17191F;padding:60px 16px}
.page-about__partners-intro{max-width:800px;margin:0 auto 36px;text-align:center;color:#d8d0c6;line-height:1.7}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 16px;justify-items:center;max-width:1200px;margin:0 auto;box-sizing:border-box}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;max-width:260px;width:100%;background:#0D0E12;border:1px solid #A84F0C;border-radius:16px;padding:18px;box-sizing:border-box;height:100%}
.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;border-radius:8px;filter:none;background-color:#FFF}
.page-about__logo-cta{display:inline-block;padding:8px 22px;border-radius:999px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;font-weight:700;font-size:.85rem;text-decoration:none;transition:opacity .2s;box-sizing:border-box;max-width:100%;text-align:center}
.page-about__logo-cta:hover{opacity:.85}
.page-about__guide-inner{max-width:1000px;width:100%;margin:0 auto;padding:48px 16px;box-sizing:border-box;text-align:center}
.page-about__guide-figure{margin:0 0 32px}
.page-about__guide-image{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.page-about__guide-figure figcaption{color:#a0a0a0;font-size:.85rem;margin-top:10px}
.page-about__guide-cta{margin-top:8px}
.page-about__faq{background:#0D0E12;padding:60px 16px}
.page-about__faq-item{background:#17191F;border:1px solid #A84F0C;border-radius:14px;padding:4px 12px;margin-bottom:14px;max-width:900px;margin-left:auto;margin-right:auto;transition:border-color .2s}
.page-about__faq-item[open]{border-color:#FF8C1A}
.page-about__faq-question{list-style:none;color:#FFF3E6;font-weight:600;padding:16px 8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1em;text-align:left}
.page-about__faq-question::-webkit-details-marker{display:none}
.page-about__faq-toggle{color:#FFB04D;font-size:1.5em;font-weight:700;margin-left:15px;transition:transform .3s}
.page-about__faq-answer{color:#d8d0c6;line-height:1.8;padding:0 8px 18px 8px;border-top:1px solid #A84F0C;margin-top:4px}
@media (max-width:1024px){
.page-about__stats-grid{grid-template-columns:repeat(2,1fr)}
.page-about__values-grid,.page-about__features-grid,.page-about__team-grid,.page-about__commitment-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.main-menu > li > ul.open{display:none}
.page-about__hero{border-radius:0;padding:4px 0 0 0}
.page-about__hero-image-wrap{margin-bottom:14px;border-radius:10px}
.page-about__hero-image{aspect-ratio:3/2}
.page-about__hero-container{padding:0 8px 16px}
.page-about__hero-content{padding:0 4px 8px}
.page-about__hero-cta{flex-direction:column;align-items:center}
.page-about__hero-cta .page-about__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}
.page-about__section-title{font-size:1.4rem}
.page-about__stats,.page-about__values,.page-about__features,.page-about__timeline,.page-about__team,.page-about__commitment,.page-about__partners,.page-about__faq{background-color:#0D0E12;padding:48px 8px}
.page-about__intro,.page-about__values{background:#0D0E12;padding:48px 8px}
.page-about__intro{background-color:#17191F}
.page-about__values-grid,.page-about__features-grid,.page-about__team-grid,.page-about__commitment-grid{grid-template-columns:1fr}
.page-about__logo-grid{grid-template-columns:repeat(2,1fr)}
.page-about__logo-item:nth-child(n+3){display:flex}
.page-about__intro-text{text-align:left}
.page-about__partners-intro, .page-about__team-intro{text-align:left}
.page-about__stats{background-color:#17191F}
.page-about__commitment{background-color:#0D0E12}
.page-about__timeline{background-color:#0D0E12}
.page-about__partners{background-color:#0D0E12}
.page-about__logo-grid{gap:16px}
.page-about__logo-item{max-width:160px;width:100%;box-sizing:border-box}
.page-about__logo-cta{padding:6px 10px;font-size:.7rem;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}
.page-about__stats-grid{grid-template-columns:1fr 1fr;gap:12px}
.page-about__feature-image,.page-about__team-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.page-about__faq-container{overflow-wrap:anywhere;padding:0 8px}
.page-about__faq{background:#0D0E12;padding-left:8px;padding-right:8px}
.page-about__stat-item{padding:24px 12px}
.page-about__container, .page-about__intro-container, .page-about__values-container, .page-about__features-container, .page-about__commitment-container, .page-about__partners-container, .page-about__faq-container, .page-about__container{width:100%;max-width:100%;box-sizing:border-box;padding:0}
.page-about{max-width:100%;overflow-x:hidden}
.page-about img{max-width:100% !important;height:auto !important}
.page-about__timeline-container{max-width:100%;padding-left:20px;margin:0;box-sizing:border-box}
.page-about__timeline-item{padding-left:12px}
.page-about__features-container{width:100%;box-sizing:border-box;padding:0}
.page-about__value-card{width:100%;box-sizing:border-box}
.page-about__feature-item{width:100%;box-sizing:border-box;padding:12px}
.page-about__team-card{width:100%;box-sizing:border-box}
.page-about__commitment-item{width:100%;box-sizing:border-box}
.page-about__stats{padding-left:8px;padding-right:8px}
}
@media (max-width:480px){
.page-about__logo-grid{grid-template-columns:1fr}
.page-about__logo-item{max-width:100%;width:100%;flex-direction:row;justify-content:space-between}
.page-about__logo-image{width:80%;max-width:180px}
.page-about__stats-grid{grid-template-columns:1fr}
.page-about__stat-item{padding:15px}
.page-about__btn{padding:10px 18px;font-size:.95rem}
.page-about__hero-title{font-size:1.1rem}
}