.about-page{background:#fff;min-height:100vh}.about-header{text-align:center;color:#fff;background:linear-gradient(135deg,#feaa3a 0%,#f59500 100%);padding:80px 20px}.about-header h1{letter-spacing:-1px;margin:0;font-size:48px;font-weight:700}.about-intro{max-width:1400px;margin:0 auto;padding:80px 40px}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-text h2{color:#1a1a1a;margin:0 0 16px;font-size:36px;font-weight:600;line-height:1.2}.about-text p{color:#666;margin:0 0 16px;font-size:16px;line-height:1.8}.about-text p:last-child{margin-bottom:0}.about-text strong{color:#feaa3a;font-weight:600}.about-video{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000026}.video-player{border-radius:16px;width:100%;display:block}.video-placeholder{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);justify-content:center;align-items:center;width:100%;height:400px;font-size:48px;font-weight:700;display:flex;position:relative}.video-placeholder .play-btn{color:#fff;cursor:pointer;background:#feaa3ae6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:all .3s;display:flex;position:absolute}.video-placeholder .play-btn:hover{background:#feaa3a;transform:scale(1.1)}.core-values{background:#fff;padding:80px 40px}.core-values h2{text-align:center;color:#1a1a1a;margin:0 0 60px;font-size:36px;font-weight:600}.values-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto;display:grid}.value-card{text-align:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;padding:40px 32px;transition:all .3s}.value-card:hover{border-color:#feaa3a;transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.value-card.highlight{color:#fff;background:linear-gradient(135deg,#feaa3a 0%,#f59500 100%);border:none}.icon-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.icon-circle.white{background:#fff;box-shadow:0 4px 12px #0003}.value-card h3{color:#1a1a1a;margin:0 0 12px;font-size:22px;font-weight:600}.value-card.highlight h3{color:#fff}.value-card p{color:#666;margin:0;font-size:15px;line-height:1.6}.value-card.highlight p{color:#ffffffe6}.how-it-works{grid-template-columns:350px 1fr;align-items:start;gap:80px;max-width:1400px;margin:0 auto;padding:80px 40px;display:grid}.how-left h2{color:#1a1a1a;margin:0;font-size:36px;font-weight:600;line-height:1.3;position:sticky;top:20px}.how-right ol{counter-reset:step-counter;margin:0;padding:0;list-style:none}.how-right ol li{counter-increment:step-counter;margin-bottom:48px;padding-left:80px;position:relative}.how-right ol li:last-child{margin-bottom:0}.how-right ol li:before{content:counter(step-counter);color:#fff;background:linear-gradient(135deg,#feaa3a 0%,#f59500 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex;position:absolute;top:0;left:0}.how-right ol li strong{color:#1a1a1a;margin-bottom:8px;font-size:20px;font-weight:600;display:block}.how-right ol li p{color:#666;margin:0;font-size:15px;line-height:1.6}@media (max-width:1024px){.about-content{grid-template-columns:1fr;gap:40px}.values-grid{grid-template-columns:repeat(2,1fr);gap:30px}.how-it-works{grid-template-columns:1fr;gap:40px}.how-left h2{position:static}}@media (max-width:768px){.about-header{padding:60px 20px}.about-header h1{font-size:36px}.about-intro{padding:60px 20px}.about-text h2{font-size:28px}.core-values{padding:60px 20px}.core-values h2{margin-bottom:40px;font-size:28px}.values-grid{grid-template-columns:1fr;gap:20px}.value-card{padding:32px 24px}.how-it-works{padding:60px 20px}.how-left h2{font-size:28px}.how-right ol li{margin-bottom:36px;padding-left:70px}.how-right ol li:before{width:48px;height:48px;font-size:20px}}@media (max-width:480px){.about-header{padding:40px 16px}.about-header h1{font-size:28px}.about-intro{padding:40px 16px}.about-text h2{font-size:24px}.about-text p{font-size:15px}.video-placeholder{height:300px;font-size:32px}.video-placeholder .play-btn{width:60px;height:60px;font-size:24px}.core-values{padding:40px 16px}.core-values h2{margin-bottom:32px;font-size:24px}.value-card{padding:24px 20px}.value-card h3{font-size:20px}.how-it-works{padding:40px 16px}.how-left h2{font-size:24px}.how-right ol li{padding-left:60px}.how-right ol li:before{width:40px;height:40px;font-size:18px}.how-right ol li strong{font-size:18px}.how-right ol li p{font-size:14px}}