.about-page-wrapper{padding-top:18px;padding-bottom:50px}.about-hero-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.about-hero-section:before{content:"";background:linear-gradient(90deg,#db4444 0%,#ef4444 40%,#2563eb 100%);height:4px;position:absolute;top:0;left:0;right:0}.about-hero-subtitle{color:#64748b;max-width:820px;margin-top:6px;margin-bottom:0;font-size:15px;line-height:1.6}.about-hero-badge{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;display:inline-flex}.about-hero-badge .badge-icon{color:#db4444;font-size:28px}.about-hero-badge .badge-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.2;display:block}.about-hero-badge .badge-sub{color:#64748b;margin-top:2px;font-size:11.5px;display:block}.about-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;height:100%;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 2px #0f172a0a}.about-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f}.stat-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;display:flex}.stat-icon-wrap .material-icons-outlined{font-size:24px}.stat-icon-wrap.icon-red{color:#db4444;background:#db44441a}.stat-icon-wrap.icon-blue{color:#2563eb;background:#2563eb1a}.stat-icon-wrap.icon-green{color:#10b981;background:#10b9811a}.stat-icon-wrap.icon-purple{color:#9333ea;background:#9333ea1a}.stat-content .stat-number{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.stat-content .stat-label{color:#64748b;margin:3px 0 0;font-size:11.5px;font-weight:500;line-height:1.3}.about-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:34px 38px;box-shadow:0 1px 3px #0f172a0a}.about-rich-content{color:#334155;font-size:15px;line-height:1.8}.about-rich-content h4,.about-rich-content h3,.about-rich-content h2{color:#0f172a!important;letter-spacing:-.3px!important;border-left:4px solid #db4444!important;align-items:center!important;gap:10px!important;margin-top:30px!important;margin-bottom:14px!important;padding-left:12px!important;font-size:20px!important;font-weight:800!important;display:flex!important}.about-rich-content h4:first-child,.about-rich-content h3:first-child,.about-rich-content h2:first-child{margin-top:0!important}.about-rich-content p{color:#475569!important;text-align:left!important;margin-bottom:14px!important;font-size:15px!important;line-height:1.8!important}.about-rich-content a{color:#db4444!important;text-underline-offset:3px!important;font-weight:600!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;transition:color .15s!important}.about-rich-content a:hover{color:#b91c1c!important}.about-rich-content strong{color:#0f172a!important;font-weight:700!important}.about-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0f172a0a}.about-sidebar-card.app-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:none;position:relative;overflow:hidden}.about-sidebar-card.app-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#db444440 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-30px;right:-30px}.about-sidebar-card.app-card h3{color:#fff;margin:0 0 6px;font-size:18px;font-weight:800}.about-sidebar-card.app-card p{color:#94a3b8;margin-bottom:16px;font-size:13px;line-height:1.5}.app-qr-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.app-qr-row .qr-img{background:#fff;border-radius:10px;width:78px;height:78px;padding:4px}.app-badges-col{flex-direction:column;flex:1;gap:8px;display:flex}.app-badges-col a img{border-radius:6px;width:auto;height:36px;transition:transform .2s}.app-badges-col a:hover img{transform:scale(1.03)}.sidebar-title{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.sidebar-title .material-icons-outlined{color:#db4444;font-size:20px}.about-nav-list{margin:0;padding:0;list-style:none}.about-nav-list li{margin-bottom:8px}.about-nav-list li:last-child{margin-bottom:0}.about-nav-list li a{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.about-nav-list li a .nav-left{align-items:center;gap:10px;display:flex}.about-nav-list li a .material-icons-outlined{color:#64748b;font-size:18px;transition:color .2s}.about-nav-list li a .chevron-icon{color:#94a3b8;font-size:16px}.about-nav-list li a:hover{color:#db4444;background:#fff;border-color:#db4444;box-shadow:0 2px 8px #db444414}.about-nav-list li a:hover .material-icons-outlined{color:#db4444}.support-box{text-align:center;background:linear-gradient(135deg,#db44440a 0%,#db444403 100%);border:1px solid #db444426;border-radius:12px;padding:18px}.support-box h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.support-box p{color:#64748b;margin:0 0 14px;font-size:12.5px}.support-btn-group{flex-direction:column;gap:8px;display:flex}.support-btn-group .btn-wa{color:#fff;background:#25d366;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.support-btn-group .btn-wa:hover{opacity:.92;color:#fff}.support-btn-group .btn-contact{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.support-btn-group .btn-contact:hover{color:#db4444;border-color:#db4444}@media (width<=991px){.about-hero-section,.about-content-card{padding:24px 20px}}@media (width<=767px){.about-hero-section,.about-content-card{padding:20px 16px}.about-stat-card{gap:10px;padding:14px}.stat-icon-wrap{width:38px;min-width:38px;height:38px}.stat-icon-wrap .material-icons-outlined{font-size:20px}.stat-content .stat-number{font-size:15px}.stat-content .stat-label{font-size:10.5px}.about-rich-content{font-size:14px;line-height:1.7}.about-rich-content h4,.about-rich-content h3,.about-rich-content h2{margin-top:22px!important;font-size:17px!important}}