.page-about{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#333333;background:#ffffff;line-height:1.6;overflow-x:hidden}.page-about img{max-width:100%;height:auto}.page-about a{transition:all .3s ease}.page-about__hero-section{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:10px 0 0 0;margin:0 auto;max-width:1600px}.page-about__hero-image-container{width:100%;max-width:1600px;margin:0 auto}.page-about__hero-image{width:100%;max-width:1600px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;margin:0 auto}.page-about__hero-content{text-align:center;padding:28px 16px 32px;max-width:1000px;margin:0 auto;box-sizing:border-box}.page-about__hero-title{color:#017439;font-weight:800;line-height:1.3;letter-spacing:.5px;max-width:900px;margin:0 auto 16px;font-size:clamp(1.5rem, 3vw, 2.4rem)}.page-about__hero-description{font-size:16px;color:#444444;max-width:800px;margin:0 auto 20px;line-height:1.7}.page-about__cta-button,.page-about__btn-register,.page-about__btn-login,.page-about__guide-link{display:inline-block;text-decoration:none;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-about__cta-button{background:#c30808;color:#ffff00;padding:14px 32px;font-size:16px;border:none}.page-about__cta-button:hover,.page-about__btn-register:hover{opacity:.9;transform:scale(1.02)}.page-about__intro-section,.page-about__mission-section,.page-about__history-section,.page-about__why-section,.page-about__features-section,.page-about__guide-section,.page-about__faq-section,.page-about__cta-section{width:100%;box-sizing:border-box}.page-about__intro-inner,.page-about__mission-inner,.page-about__history-inner,.page-about__why-inner,.page-about__features-inner,.page-about__guide-inner,.page-about__faq-inner,.page-about__cta-banner{max-width:1000px;margin:0 auto;padding:24px 16px 40px;box-sizing:border-box}.page-about__section-title{color:#017439;text-align:center;font-size:28px;font-weight:700;margin-bottom:24px;line-height:1.4}.page-about__paragraph{font-size:16px;color:#333333;line-height:1.8;margin-bottom:15px;text-align:justify}.page-about__mission-card{background:#f0faf4;border-left:4px solid #017439;padding:16px 20px;margin-bottom:16px;border-radius:0 8px 8px 0}.page-about__mission-title,.page-about__value-title,.page-about__why-title,.page-about__feature-title,.page-about__guide-title,.page-about__timeline-title{color:#017439;font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}.page-about__values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.page-about__value-item{background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;padding:14px;text-align:center;transition:box-shadow .3s}.page-about__value-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.08)}.page-about__value-icon{width:36px;height:36px;line-height:36px;border-radius:50%;background:#017439;color:#ffffff;font-weight:bold;font-size:18px;margin:0 auto 8px}.page-about__value-title{text-align:center}.page-about__value-desc{font-size:14px;line-height:1.5;color:#555555;text-align:center}.page-about__timeline{position:relative;padding-left:24px;border-left:3px solid #017439;margin-left:8px}.page-about__timeline-item{position:relative;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.page-about__timeline-item:last-child{border-bottom:none}.page-about__timeline-mark{position:absolute;left:-38px;top:0;background:#017439;color:#ffffff;font-weight:bold;font-size:14px;padding:6px 10px;border-radius:6px;white-space:nowrap}.page-about__timeline-content{padding-left:0}.page-about__why-grid{display:flex;flex-direction:column;gap:24px}.page-about__why-card{background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;transition:transform .3s ease}.page-about__why-card:hover{transform:translateY(-4px)}.page-about__why-image{width:100%;height:auto;aspect-ratio:8/4;object-fit:cover;display:block}.page-about__why-content{padding:24px}.page-about__why-desc,.page-about__guide-desc{font-size:15px;color:#444444;line-height:1.7;text-align:justify}.page-about__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.page-about__feature-item{background:#f9fdfb;border:1px solid #e8f3ed;border-radius:10px;padding:20px;transition:border-color .3s}.page-about__feature-item:hover{border-color:#017439}.page-about__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-about__guide-step{background:#ffffff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.04)}.page-about__guide-step:hover{transform:translateY(-4px)}.page-about__guide-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-about__guide-content{padding:16px;text-align:center}.page-about__guide-number{background:#017439;color:#ffffff;width:36px;height:36px;line-height:36px;margin:0 auto 10px;font-weight:bold;font-size:16px;border-radius:50%}.page-about__guide-title{text-align:center;font-size:16px;font-weight:700;margin:0 auto 8px;color:#017439;max-width:90%}.page-about__guide-desc{font-size:14px;text-align:center;margin-bottom:14px}.page-about__guide-link{background:#c30808;color:#ffff00;padding:10px 20px;font-size:14px;line-height:1.2}.page-about__guide-link:hover,.page-about__btn-login:hover{opacity:.9}.page-about__faq-inner{max-width:800px}.page-about__faq-item{background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:0 16px;transition:border-color .3s}.page-about__faq-item[open]{border-color:#017439}.page-about__faq-question{cursor:pointer;padding:12px 0;font-weight:600;font-size:16px;color:#017439;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none}.page-about__faq-question::-webkit-details-marker{display:none}.page-about__faq-icon{color:#017439;font-weight:bold;flex-shrink:0}.page-about__faq-answer{padding:0 0 16px 0;font-size:15px;color:#333333;line-height:1.7;margin:0}.page-about__cta-banner{background:linear-gradient(135deg,#017439 0%,#045c2e 100%);border-radius:16px;text-align:center;padding:32px 24px;margin:24px 16px 48px;max-width:900px}.page-about__cta-title{color:#ffffff;font-size:24px;font-weight:800;margin-bottom:10px;line-height:1.4}.page-about__cta-desc{color:#e8f5ee;font-size:15px;line-height:1.7;max-width:700px;margin:0 auto 20px}.page-about__btn-register{background:#c30808;color:#ffff00;padding:14px 28px;font-size:16px;margin-right:10px}.page-about__btn-login{background:#ffffff;color:#017439;padding:14px 28px;font-size:16px}.page-about__cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.page-about__cta-buttons a{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:16px auto;padding:0 16px}.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%}.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}@media (min-width:768px){.page-about__why-card{flex-direction:row}.page-about__why-card:nth-child(even){flex-direction:row-reverse}.page-about__why-card .page-about__why-image{width:50%;aspect-ratio:auto;flex-shrink:0}.page-about__why-card .page-about__why-content{flex:1;padding:32px}}@media (max-width:1024px){.page-about__hero-section{padding-top:8px}.page-about__why-card{flex-direction:column}.page-about__why-card .page-about__why-image,.page-about__why-card:nth-child(even) .page-about__why-image{width:100%;aspect-ratio:8/4}.page-about__why-card .page-about__why-content{padding:24px}}@media (max-width:768px){.page-about__hero-section{padding-top:6px}.page-about__hero-image{aspect-ratio:2/1;max-height:260px}.page-about__hero-content{padding:20px 12px 28px}.page-about__hero-title{margin-bottom:12px}.page-about__hero-description{font-size:15px;line-height:1.6}.page-about__section-title{font-size:22px;line-height:1.3;margin-bottom:18px}.page-about__intro-inner,.page-about__mission-inner,.page-about__history-inner,.page-about__why-inner,.page-about__features-inner,.page-about__guide-inner,.page-about__faq-inner{padding:16px 12px 32px;width:100%;max-width:100%}.page-about__timeline{padding-left:16px;margin-left:12px}.page-about__timeline-mark{position:static;display:inline-block;margin-bottom:12px;margin-left:-40px}.page-about__values-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-about__feature-item,.page-about__guide-step{width:100%}.page-about__features-grid{grid-template-columns:1fr;gap:12px}.page-about__feature-item{padding:16px}.page-about__guide-grid{grid-template-columns:1fr;gap:16px}.page-about__guide-step{max-width:100%;margin:0 auto}.page-about__guide-image{aspect-ratio:2/1}.page-about__guide-content{padding:16px}.page-about__cta-banner{padding:24px 16px;margin:0 8px 32px}.page-about__cta-title{font-size:20px;line-height:1.4}.page-about__cta-desc{font-size:14px}.page-about__btn-register,.page-about__btn-login{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;margin:0 0 8px;text-align:center}.page-about__cta-buttons{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-about__cta-button{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}.page-about__faq-question{font-size:15px;padding:10px 0}.page-about__faq-answer{font-size:14px}.page-about img{max-width:100%!important;height:auto!important}.page-about__why-card{flex-direction:column}.page-about__why-card .page-about__why-image,.page-about__why-card:nth-child(even) .page-about__why-image{width:100%;aspect-ratio:8/4;max-width:100%}.page-about__why-card .page-about__why-content{padding:20px 16px}.page-about__timeline-mark{position:static;display:inline-block;margin-bottom:12px}.page-about__timeline-item{padding-left:0}}