.about-page{--ab-primary: #14C293;--ab-primary-light: #3B82F6;--ab-accent: #14C293;--ab-accent-light: #72ebcb;--ab-text-primary: #1E293B;--ab-text-secondary: #475569;--ab-text-muted: #64748B;--ab-bg-white: #ffffff;--ab-bg-light: #F8FAFC;--ab-bg-dark: #ffffff;--ab-border: #E2E8F0;--ab-border-light: #E2E8F0;--ab-shadow-sm: 0 1px 3px rgba(37, 99, 235, .08);--ab-shadow-md: 0 4px 12px rgba(37, 99, 235, .1);--ab-shadow-lg: 0 12px 32px rgba(37, 99, 235, .12);--ab-shadow-xl: 0 24px 48px rgba(37, 99, 235, .15);--ab-radius-sm: 8px;--ab-radius-md: 12px;--ab-radius-lg: 16px;--ab-radius-xl: 24px;--ab-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.about-hero{position:relative;padding:140px 0 100px;background:var(--ab-bg-dark);overflow:hidden}.about-hero .about-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.about-hero .about-hero-bg .about-hero-pattern{position:absolute;top:-30%;right:-10%;width:60%;height:120%;background:radial-gradient(ellipse at center,rgba(37,99,235,.08) 0%,transparent 70%)}.about-hero .about-hero-content{position:relative;z-index:2}.about-hero .about-hero-content .section-header .section-label{display:inline-block;padding:6px 18px;background:rgba(20,194,147,.1);border:1px solid rgba(20,194,147,.2);border-radius:50px;color:var(--ab-accent);font-size:13px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px}.about-hero .about-hero-content .section-header .section-title{color:var(--ab-text-primary);font-size:42px;font-weight:700;letter-spacing:-.02em}.about-hero .about-hero-content .section-header .section-subtitle{color:var(--ab-text-muted);font-size:16px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.about-hero .about-hero-card{background:rgba(255,255,255,.95);border:1px solid var(--ab-border-light);border-radius:var(--ab-radius-xl);padding:48px 40px;box-shadow:var(--ab-shadow-lg);max-width:900px;margin:0 auto;transition:var(--ab-transition)}.about-hero .about-hero-card:hover{border-color:#2563eb33;box-shadow:var(--ab-shadow-xl)}.about-hero .about-hero-card .about-hero-text{font-size:16px;color:var(--ab-text-secondary);line-height:1.8;margin:0;text-align:center}.about-hero .about-hero-card .about-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.about-hero .about-hero-card .about-hero-tags .about-tag{font-weight:500;color:#fff!important;border:1px solid rgba(20,194,147,.2);border-radius:50px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.about-section{position:relative;padding:100px 0;background:var(--ab-bg-white)}.about-section.about-section-alt{background:var(--ab-bg-light)}.about-section .about-section-content{position:relative;z-index:2}.section-header{margin-bottom:24px}.section-header .section-label{display:inline-block;padding:6px 18px;background:rgba(20,194,147,.1);border:1px solid rgba(20,194,147,.2);border-radius:50px;color:var(--ab-accent);font-size:13px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px}.section-header .section-title{font-size:36px;font-weight:700;color:var(--ab-text-primary);line-height:1.25;margin-bottom:12px;letter-spacing:-.01em}.section-header .section-subtitle{font-size:16px;color:var(--ab-text-muted);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.about-service-card{background:var(--ab-bg-white);border-radius:var(--ab-radius-lg);padding:40px 32px;height:100%;transition:var(--ab-transition);border:1px solid var(--ab-border-light);text-align:center}.about-service-card:hover{transform:translateY(-6px);box-shadow:var(--ab-shadow-lg);border-color:#2563eb4d}.about-service-card .about-service-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(14,165,233,.04) 100%);border-radius:var(--ab-radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--ab-primary);transition:var(--ab-transition)}.about-service-card .about-service-icon:hover{background:linear-gradient(135deg,rgba(20,194,147,.15) 0%,rgba(20,194,147,.08) 100%);color:var(--ab-accent)}.about-service-card .about-service-title{font-size:20px;font-weight:700;color:var(--ab-text-primary);margin-bottom:12px;line-height:1.4}.about-service-card .about-service-desc{font-size:15px;color:var(--ab-text-secondary);line-height:1.7;margin:0}.about-products{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.about-products .about-product-item{display:flex;align-items:flex-start;gap:24px;padding:32px;background:var(--ab-bg-white);border-radius:var(--ab-radius-lg);border:1px solid var(--ab-border-light);transition:var(--ab-transition)}.about-products .about-product-item:hover{transform:translate(4px);box-shadow:var(--ab-shadow-md);border-color:#2563eb4d}.about-products .about-product-item .about-product-number{width:56px;height:56px;background:linear-gradient(135deg,#14C293 0%,#72ebcb 100%);border-radius:var(--ab-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0;box-shadow:var(--ab-shadow-sm)}.about-products .about-product-item .about-product-content{flex:1}.about-products .about-product-item .about-product-content .about-product-title{font-size:20px;font-weight:700;color:var(--ab-text-primary);margin-bottom:8px;line-height:1.4}.about-products .about-product-item .about-product-content .about-product-desc{font-size:15px;color:var(--ab-text-secondary);line-height:1.7;margin:0}.about-faq-section{background:var(--ab-bg-light);padding:100px 0}.about-faq-section .about-faq-content{position:relative}.about-faq-section .about-faq-list{max-width:900px;margin:0 auto}.about-faq-section .about-faq-item{background:var(--ab-bg-white);border:1px solid var(--ab-border-light);border-radius:var(--ab-radius-md);margin-bottom:16px;transition:var(--ab-transition);overflow:hidden}.about-faq-section .about-faq-item:hover{border-color:#2563eb26;box-shadow:var(--ab-shadow-sm)}.about-faq-section .about-faq-item--active{border-color:#2563eb66;box-shadow:var(--ab-shadow-md)}.about-faq-section .about-faq-question{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;transition:background .3s ease}.about-faq-section .about-faq-question:hover{background:rgba(37,99,235,.02)}.about-faq-section .about-faq-question__text{font-size:17px;font-weight:600;color:var(--ab-text-primary);line-height:1.5;padding-right:16px;display:flex;align-items:flex-start;gap:14px}.about-faq-section .about-faq-question__label{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(14,165,233,.04) 100%);color:var(--ab-primary);font-size:13px;font-weight:700;border-radius:var(--ab-radius-sm);flex-shrink:0;margin-top:-2px}.about-faq-section .about-faq-question__icon{font-size:24px;color:var(--ab-text-muted);transition:transform .3s ease;flex-shrink:0}.about-faq-section .about-faq-question__icon--rotated{transform:rotate(180deg);color:var(--ab-accent)}.about-faq-section .about-faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.about-faq-section .about-faq-answer--expanded{max-height:500px;opacity:1}.about-faq-section .about-faq-answer__content{padding:0 32px 28px 82px;font-size:15px;color:var(--ab-text-secondary);line-height:1.8}@media (max-width: 1439.98px){.about-hero{padding:120px 0 80px}.about-hero .about-hero-card{padding:36px 28px}.about-section,.about-faq-section{padding:80px 0}.about-faq-section .about-faq-question{padding:20px 24px}.about-faq-section .about-faq-question__text{font-size:15px}.about-faq-section .about-faq-question__label{min-width:32px;height:32px;font-size:12px}.about-faq-section .about-faq-answer__content{padding:0 24px 24px 68px;font-size:14px}}@media (max-width: 1023.98px){.about-hero{padding:100px 0 60px}.about-hero .section-header .section-title{font-size:32px}.about-hero .about-hero-card{padding:28px 20px}.about-hero .about-hero-card .about-hero-text{font-size:14px}.about-section{padding:60px 0}.section-header .section-title{font-size:28px}.section-header .section-subtitle{font-size:14px}.about-service-card{padding:32px 24px}.about-products .about-product-item{padding:24px}.about-products .about-product-item .about-product-number{width:48px;height:48px;font-size:16px}.about-products .about-product-item .about-product-content .about-product-title{font-size:18px}.about-products .about-product-item .about-product-content .about-product-desc{font-size:14px}.about-faq-section{padding:60px 0}.about-faq-section .about-faq-question{padding:16px 20px}.about-faq-section .about-faq-question__text{font-size:14px;gap:10px}.about-faq-section .about-faq-question__label{min-width:28px;height:28px;font-size:11px;border-radius:6px}.about-faq-section .about-faq-question__icon{font-size:20px}.about-faq-section .about-faq-answer__content{padding:0 20px 20px 52px;font-size:13px;line-height:1.7}}@media (max-width: 599.98px){.about-hero .section-header .section-title{font-size:28px}.about-hero .about-hero-card{padding:24px 16px}.section-header .section-title{font-size:24px}.about-products .about-product-item{flex-direction:column;align-items:flex-start;gap:16px}}
