:root{--about-blue:#2F6BFF;--about-sky:#6FA3FF;--about-glow:#A5C4FF;--about-border:#D6E2FF;--about-bg:#F4F7FB;--about-card:#FFFFFF;--about-text:#1F2D3D;--about-dark:#000000;--about-btn:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%)}
.page-about{background:var(--about-bg);color:var(--about-text);line-height:1.75;font-size:16px;overflow-x:hidden}
.page-about__section-title{color:var(--about-text);font-size:34px;font-weight:800;line-height:1.3;margin:0 0 16px;letter-spacing:-.5px;text-align:center}
.page-about__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:all .3s ease;max-width:100%;text-align:center;word-break:break-word}
.page-about__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff;box-shadow:0 8px 24px rgba(47,107,255,.35)}
.page-about__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(47,107,255,.45)}
.page-about__btn--outline{background:transparent;color:var(--about-blue);border-color:var(--about-blue)}
.page-about__btn--outline:hover{background:var(--about-blue);color:#fff}
.page-about__btn--large{padding:17px 42px;font-size:18px}
.page-about__hero-section{background:#fff;padding:10px 0 0}
.page-about__hero-media{display:block}
.page-about__hero-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:17/5;object-fit:cover}
.page-about__hero-content{max-width:1240px;margin:0 auto;padding:24px 24px 36px;text-align:center}
.page-about__hero-title{color:var(--about-text);font-weight:800;line-height:1.35;letter-spacing:-.5px;max-width:900px;margin:0 auto 12px}
.page-about__hero-desc{color:#4a5a6a;font-size:17px;max-width:860px;margin:0 auto 24px;line-height:1.8}
.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.page-about__intro-section{padding:60px 24px}
.page-about__intro-block{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.page-about__intro-media{width:100%}
.page-about__intro-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px rgba(47,107,255,.15)}
.page-about__intro-content{padding:0}
.page-about__intro-title{color:var(--about-blue);font-size:28px;font-weight:800;margin:0 0 16px;line-height:1.3}
.page-about__intro-content p{margin:0 0 16px;font-size:16px;line-height:1.8}
.page-about__story-section{padding:60px 24px;background:#fff}
.page-about__story-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.page-about__story-media{width:100%;order:2}
.page-about__story-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px rgba(47,107,255,.15)}
.page-about__story-content{order:1}
.page-about__story-title{color:var(--about-blue);font-size:28px;font-weight:800;margin:0 0 16px;line-height:1.3}
.page-about__story-content p{margin:0 0 16px;line-height:1.8}
.page-about__story-list{list-style:none;padding:0;margin:16px 0 0}
.page-about__story-list li{position:relative;padding:8px 0 8px 28px;line-height:1.7}
.page-about__story-list li:before{content:"▸";position:absolute;left:0;color:var(--about-blue);font-weight:700}
.page-about__mission-section{padding:60px 24px}
.page-about__mission-inner{max-width:1240px;margin:0 auto}
.page-about__mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}
.page-about__mission-card{background:var(--about-card);border:1px solid var(--about-border);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.06)}
.page-about__mission-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-about__mission-content{padding:24px 28px 28px}
.page-about__mission-title{color:var(--about-blue);font-size:22px;font-weight:700;margin:0 0 8px}
.page-about__mission-content p{margin:0;color:#41505f;line-height:1.7}
.page-about__values-section{padding:60px 24px;background:#fff}
.page-about__values-inner{max-width:1240px;margin:0 auto}
.page-about__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.page-about__value-item{background:var(--about-card);border:1px solid var(--about-border);border-radius:16px;padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.page-about__value-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(47,107,255,.15)}
.page-about__value-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-about__value-title{color:var(--about-blue);font-size:19px;font-weight:700;margin:20px 20px 10px;line-height:1.4}
.page-about__value-item p{margin:0 20px 24px;font-size:15px;line-height:1.7;color:#41505f}
.page-about__stats-section{padding:60px 24px;background:linear-gradient(180deg,#2F6BFF,#1a4fd6);position:relative}
.page-about__stats-box{max-width:1000px;margin:0 auto;text-align:center;color:#fff}
.page-about__stats-title{font-size:30px;font-weight:800;margin:0 0 8px;color:#fff}
.page-about__stats-desc{color:#e0edff;font-size:16px;margin:0 0 32px}
.page-about__stats-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:40px}
.page-about__stats-item{flex:1;min-width:160px}
.page-about__stats-rating{display:block;font-size:32px;font-weight:800;color:#fff}
.page-about__stats-label{display:block;color:#cfe0ff;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.page-about__team-section{padding:60px 24px;background:var(--about-bg)}
.page-about__team-inner{max-width:1240px;margin:0 auto}
.page-about__team-desc{max-width:760px;margin:0 auto 32px;text-align:center;color:#4a5a6a}
.page-about__team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.page-about__team-card{background:var(--about-card);border:1px solid var(--about-border);border-radius:16px;text-align:center;padding:0 0 24px;overflow:hidden;transition:transform .3s ease}
.page-about__team-card:hover{transform:translateY(-6px)}
.page-about__team-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.page-about__team-name{color:var(--about-text);font-size:19px;font-weight:700;margin:16px 0 4px}
.page-about__team-role{display:block;color:var(--about-blue);font-size:14px;font-weight:600;margin-bottom:10px}
.page-about__team-card p{font-size:13px;color:#5a6a7a;line-height:1.5;padding:0 12px;margin:0}
.page-about__cta-section{padding:70px 24px;background:#fff;text-align:center}
.page-about__cta-inner{max-width:900px;margin:0 auto}
.page-about__cta-title{color:var(--about-text);font-size:32px;font-weight:800;margin:0 0 16px}
.page-about__cta-desc{color:#4a5a6a;font-size:17px;max-width:720px;margin:0 auto 30px}
.page-about__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.page-about__partner-section{padding:60px 24px;background:var(--about-bg)}
.page-about__partner-inner{max-width:1240px;margin:0 auto}
.page-about__partner-intro{max-width:800px;margin:0 auto 40px;text-align:center;color:#4a5a6a}
.page-about__partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}
.page-about__partner-logo{background:#fff;border:1px solid var(--about-border);border-radius:10px;padding:8px;width:100%;max-width:220px;display:flex;align-items:center;justify-content:center}
.page-about__partner-img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;display:block}
.page-about__partner-logo:nth-child(5){grid-column:2}
.page-about__partner-logo:nth-child(6){grid-column:3}
.page-about__faq-section{padding:60px 24px;background:#fff}
.page-about__faq-inner{max-width:860px;margin:0 auto}
.page-about__faq-list{margin-top:32px}
.page-about__faq-item{background:var(--about-bg);border:1px solid var(--about-border);border-radius:10px;margin:0 0 12px;overflow:hidden}
.page-about__faq-summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;font-weight:600;color:var(--about-text);list-style:none;background:#fff}
.page-about__faq-summary::-webkit-details-marker{display:none}
.page-about__faq-q{font-weight:600;line-height:1.4}
.page-about__faq-toggle{color:var(--about-blue);font-size:21px;font-weight:700;flex-shrink:0;width:28px;height:28px;border:2px solid var(--about-blue);border-radius:50%;display:flex;align-items:center;justify-content:center}
.page-about__faq-item[open] .page-about__faq-toggle{background:var(--about-blue);color:#fff}
.page-about__faq-a{padding:4px 22px 18px;color:#3a4a5a;line-height:1.7;font-size:15px}
@media (max-width:1024px){.page-about__intro-block,.page-about__story-grid{grid-template-columns:1fr;gap:28px}.page-about__intro-image,.page-about__story-image{aspect-ratio:16/9}.page-about__intro-content{padding:0}.page-about__story-media{order:1}.page-about__story-content{order:2}.page-about__values-grid{grid-template-columns:repeat(2,1fr)}.page-about__team-grid{grid-template-columns:repeat(2,1fr)}.page-about__partner-grid{grid-template-columns:repeat(3,1fr)}.page-about__partner-logo:nth-child(5){grid-column:auto}.page-about__partner-logo:nth-child(6){grid-column:auto}.page-about__mission-grid{grid-template-columns:1fr}}
@media (max-width:768px){.page-about{font-size:15px}.page-about__hero-section{padding-top:8px}.page-about__hero-image{aspect-ratio:8/3}.page-about__hero-title{font-weight:800;line-height:1.35}
.page-about__hero-content{padding:16px 16px 24px}
.page-about__hero-desc{font-size:15px;margin-bottom:18px}
.page-about__hero-actions{flex-direction:column;width:100%}
.page-about__hero-actions .page-about__btn{max-width:100%;width:100%}
.page-about__btn--large{padding:15px 38px;font-size:16px}
.page-about__intro-section,.page-about__story-section,.page-about__mission-section,.page-about__values-section,.page-about__stats-section,.page-about__team-section,.page-about__cta-section,.page-about__partner-section,.page-about__faq-section{padding:44px 16px}
.page-about__section-title{font-size:27px}
.page-about img{max-width:100%!important;height:auto!important}
.page-about__mission-grid{grid-template-columns:1fr;gap:20px}
.page-about__values-grid{grid-template-columns:1fr;gap:20px}
.page-about__stats-title{font-size:24px}
.page-about__stats-list{gap:20px;flex-direction:column}
.page-about__stats-rating{font-size:28px}
.page-about__team-grid{grid-template-columns:1fr;gap:24px}
.page-about__team-card{max-width:420px;margin:0 auto;width:100%}
.page-about__partner-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.page-about__partner-logo{max-width:160px;padding:6px}
.page-about__partner-logo:nth-child(5),.page-about__partner-logo:nth-child(6){grid-column:auto}
.page-about__intro-title,.page-about__story-title{font-size:24px}
.page-about__faq-summary{padding:14px 16px;gap:10px}
.page-about__faq-q{font-size:14px}
.page-about__faq-a{padding:4px 16px 14px;font-size:14px}
.page-about__cta-title{font-size:25px}
.page-about__cta-actions{flex-direction:column;align-items:center}
.page-about__cta-actions .page-about__btn{width:100%;max-width:100%}}
.page-about__btn--large.page-about__btn--large{max-width:100%}