.home-page{background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;min-height:850px;padding:132px 0 0;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:1;z-index:1;position:absolute;inset:0}.hero-section .container{z-index:2;position:relative}.hero-content{color:#000}.hero-title{margin-bottom:1.5rem;color:#000!important;font-size:2rem!important;font-weight:700!important;line-height:1.5!important}.hero-subtitle{font-weight:700;font-size:1.5rem!important;line-height:1.2!important}.hero-description{margin-bottom:2rem;font-size:1.2rem;line-height:1.6;color:#000000e6!important}.hero-actions{margin-bottom:2rem}.download-btn{background:#52c41a;border-color:#52c41a;height:50px;padding:0 30px;font-size:1.1rem;font-weight:600}.download-btn:hover{background:#389e0d;border-color:#389e0d}.video-btn{color:#000;background:0 0;border:2px solid #000000b3;height:50px;padding:0 30px;font-size:1.1rem;font-weight:600}.video-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80}.hero-stats{align-items:center;gap:1rem;display:flex}.avatar-group{align-items:center;display:flex}.avatar-group img{border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin-left:-10px}.avatar-group img:first-child{margin-left:0}.avatar-count{color:#fff;background:#00000080;border-radius:12px;margin-left:8px;padding:4px 8px;font-size:.8rem}.stats-text{color:#000000e6;font-size:.9rem}.hero-image{text-align:center;z-index:2;min-height:400px;position:relative}.app-preview{filter:drop-shadow(0 10px 20px #0003);max-width:100%;height:auto;animation:6s ease-in-out infinite float}.shape{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.shape img{z-index:-1;opacity:.6;position:absolute}.shape-1{animation:10s linear infinite moveLeftRight;top:18%;left:10%}.shape-2{animation:5s linear infinite moveUpDown;top:23%;left:38%}.shape-3{animation:10s linear infinite moveUpDown;bottom:10%;left:13%}.shape-4{animation:8s linear infinite moveLeftRight;bottom:4%;left:40%}.shape-5{animation:20s linear infinite rotate;bottom:30%;left:50%}.shape-6{animation:10s linear infinite moveLeftRight;top:12%;right:3%}.shape-7{animation:10s linear infinite moveAround;top:56%;right:2%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes moveLeftRight{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes moveUpDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moveAround{0%{transform:translate(0)rotate(0)}20%{transform:translate(73px,-1px)rotate(36deg)}40%{transform:translate(141px,72px)rotate(72deg)}60%{transform:translate(83px,122px)rotate(108deg)}80%{transform:translate(-40px,72px)rotate(144deg)}to{transform:translate(0)rotate(0)}}.stats-section{background:#f8f9fa;padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-subtitle{text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:600;color:#667eea!important;margin-bottom:8px!important}.section-title{font-size:36px;font-weight:700;color:#333!important;margin-bottom:16px!important}.stat-card{text-align:center;border-radius:12px;transition:transform .3s;box-shadow:0 4px 12px #0000001a}.stat-card:hover{transform:translateY(-4px)}.stat-icon{color:#667eea;font-size:24px}.features-section{background:#fff;padding:80px 0}.features-image{text-align:center}.feature-preview{max-width:60%;height:auto}.features-content{padding-left:48px}.section-description{font-size:16px;line-height:1.6;color:#666!important;margin-bottom:32px!important}.features-list{margin-bottom:32px;padding:0;list-style:none}.features-list li{color:#333;align-items:center;gap:12px;margin-bottom:16px;font-size:16px;display:flex}.features-list .anticon{color:#52c41a;font-size:18px}.features-actions{margin-top:32px}.blog-section{background:#f8f9fa;padding:80px 0}.blog-section .section-header{text-align:left;margin-bottom:48px}.blog-card{border:none;border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.home-image{background:#fff;justify-content:center;align-items:center;width:100%;height:180px;margin-top:12px;display:flex;position:relative;overflow:hidden}.home-img{object-fit:contain;object-position:center;background:#fff;width:auto;height:100%;margin:0 auto;transition:transform .3s;display:block}.home-img[src*=\.svg]{z-index:1;display:block;position:relative;object-fit:fill!important;object-position:center!important;width:100%!important;height:100%!important}.blog-card:hover .home-img{transform:scale(1.05)}.blog-title{color:#333;text-align:left;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px!important}.blog-subtitle{text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden;color:#666!important;margin-bottom:0!important}.blog-card .ant-card-body{flex-direction:column;flex:auto;padding:16px 16px 12px;display:flex}.blog-card .ant-card-actions{background:#fafafa;border-top:1px solid #f0f0f0;margin-top:auto}.blog-card .ant-card-actions li{margin:8px 0}.blog-card .ant-btn-link{color:#667eea;font-size:14px;font-weight:500}.blog-card .ant-btn-link:hover{color:#5a6fd8}@media (max-width:991px){.hero-title{font-size:2.5rem}.hero-section{min-height:auto;padding:80px 0 60px}.hero-image{margin-top:2rem}}@media (max-width:767px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.shape{display:none}}