:root{--bg-primary:#fafcff;--bg-secondary:#f0f6ff;--bg-tertiary:#e8f1fe;--surface:#fff;--surface-glass:rgba(255,255,255,.72);--surface-glass-strong:rgba(255,255,255,.88);--text-primary:#0a1628;--text-secondary:#1e2d4a;--text-tertiary:#4a5b7a;--text-muted:#6b7d9a;--accent-400:#4f8fff;--accent-500:#3b6fff;--accent-600:#2850e0;--accent-700:#1a3ab8;--accent-glow:rgba(59,111,255,.25);--accent-glow-strong:rgba(59,111,255,.45);--border-subtle:#dce8f8;--border-medium:#c5d5f0;--border-glow:rgba(59,111,255,.35);--shadow-sm:0 2px 8px rgba(10,22,40,.04),0 1px 2px rgba(10,22,40,.03);--shadow-md:0 8px 28px rgba(10,22,40,.06),0 2px 8px rgba(10,22,40,.04);--shadow-lg:0 18px 50px rgba(10,30,60,.1),0 4px 16px rgba(10,22,40,.05);--shadow-xl:0 28px 70px rgba(15,35,70,.14),0 6px 22px rgba(10,22,40,.06);--shadow-glow:0 0 0 1px rgba(59,111,255,.08),0 12px 40px rgba(59,111,255,.18);--shadow-glow-hover:0 0 0 1px rgba(59,111,255,.18),0 20px 55px rgba(59,111,255,.28);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-2xl:32px;--font-sans:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-smooth:.35s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}.zalo-site-container{font-family:var(--font-sans);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);letter-spacing:-.01em;overflow-x:hidden}.zalo-site-container *,.zalo-site-container *:before,.zalo-site-container *:after{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 28px}img{max-width:100%;height:auto;display:block}a{transition:var(--transition-fast)}.zalo-site-container{position:relative;background:radial-gradient(ellipse 70% 50% at 15% 5%,rgba(79,143,255,.04) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 85% 25%,rgba(99,102,241,.035) 0%,transparent 55%),radial-gradient(ellipse 55% 40% at 50% 60%,rgba(59,130,246,.025) 0%,transparent 55%),var(--bg-primary)}.zalo-site-container:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle at 12% 18%,rgba(79,143,255,.06) 0%,transparent 35%),radial-gradient(circle at 78% 32%,rgba(99,102,241,.05) 0%,transparent 35%),radial-gradient(circle at 45% 70%,rgba(59,130,246,.04) 0%,transparent 35%),radial-gradient(circle at 22% 82%,rgba(79,143,255,.03) 0%,transparent 30%),radial-gradient(circle at 68% 75%,rgba(99,102,241,.04) 0%,transparent 30%);background-size:100% 100%}.zalo-site-container:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:radial-gradient(circle,rgba(59,111,255,.12) .7px,transparent .7px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 70%)}#main-content{position:relative;z-index:1}.hero-section{padding:110px 0 100px;position:relative;background:0 0;overflow:hidden}.hero-section:before{content:'';position:absolute;top:-180px;left:-120px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(79,143,255,.12) 0%,rgba(99,102,241,.06) 30%,transparent 65%);pointer-events:none;z-index:0;animation:heroGlowPulse 8s ease-in-out infinite}.hero-section:after{content:'';position:absolute;bottom:-150px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,rgba(79,143,255,.04) 35%,transparent 65%);pointer-events:none;z-index:0;animation:heroGlowPulse 10s ease-in-out 2s infinite}@keyframes heroGlowPulse{0%,100%{transform:scale(1);opacity:1}35%{transform:scale(1.18);opacity:.7}65%{transform:scale(.95);opacity:.85}}.hero-container{display:flex;align-items:center;gap:55px;position:relative;z-index:1}.hero-text{flex:1;position:relative}.hero-title{font-size:clamp(34px,5.5vw,52px);font-weight:750;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.025em;line-height:1.15;background:linear-gradient(135deg,#0a1628 0%,#1a3058 40%,#1e3d72 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:17px;color:var(--text-secondary);margin-bottom:10px;line-height:1.7;font-weight:450}.hero-features{list-style:none;padding:0;margin:28px 0 18px;display:flex;flex-direction:column;gap:10px}.hero-features li{font-size:15px;color:var(--text-tertiary);padding-left:24px;position:relative;font-weight:480;letter-spacing:-.005em;transition:var(--transition-fast)}.hero-features li:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--accent-500);box-shadow:0 0 10px var(--accent-glow),0 0 24px var(--accent-glow)}.hero-features li:hover{color:var(--text-secondary);transform:translateX(3px)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 44px;background:linear-gradient(135deg,#4f8fff 0%,#3b6fff 40%,#2850e0 100%);color:#fff !important;border-radius:50px;font-weight:620;font-size:16px;text-decoration:none;letter-spacing:-.01em;box-shadow:0 8px 28px rgba(40,80,224,.32),0 0 0 0 rgba(59,111,255,.35);transition:var(--transition-smooth);position:relative;overflow:hidden;isolation:isolate}.hero-btn:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 55%);border-radius:50px;z-index:1;pointer-events:none;transition:var(--transition-smooth)}.hero-btn:after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 60%);opacity:0;transition:var(--transition-smooth);z-index:0}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(40,80,224,.42),0 0 0 6px rgba(59,111,255,.12);background:linear-gradient(135deg,#5c9aff 0%,#457aff 40%,#3058e8 100%)}.hero-btn:hover:after{opacity:1;animation:btnShine .7s ease-out}@keyframes btnShine{0%{transform:translate(-30%,-30%) scale(.3);opacity:1}100%{transform:translate(30%,30%) scale(1.5);opacity:0}}.hero-media{flex:1;text-align:center;position:relative}.hero-media:before{content:'';position:absolute;inset:-20px;border-radius:28px;background:radial-gradient(ellipse at center,rgba(79,143,255,.08) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px rgba(59,111,255,.06);transition:var(--transition-smooth);position:relative}.hero-image:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 0 1px rgba(59,111,255,.14),0 0 60px rgba(59,111,255,.08)}.small-section{padding:90px 0;position:relative}.platform-section{background:0 0;border-top:1px solid var(--border-subtle);position:relative}.platform-section:before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,143,255,.3),rgba(99,102,241,.25),transparent);pointer-events:none}.tags-section{background:var(--bg-secondary);position:relative}.tags-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 50% at 20% 50%,rgba(79,143,255,.04) 0%,transparent 60%),radial-gradient(ellipse 35% 45% at 75% 40%,rgba(99,102,241,.03) 0%,transparent 60%);pointer-events:none}.sync-section{background:0 0}.feature-section{display:flex;align-items:center;gap:65px;max-width:1120px;margin:0 auto;position:relative;z-index:1}.feature-content{flex:1}.section-title{font-size:33px;font-weight:700;margin-bottom:18px;color:var(--text-primary);letter-spacing:-.02em;line-height:1.25}.section-title strong{font-weight:750;background:linear-gradient(135deg,#2850e0 0%,#4f8fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-description{font-size:16px;color:var(--text-tertiary);line-height:1.85;font-weight:440}.feature-image{flex:1;position:relative}.feature-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px rgba(59,111,255,.05);transition:var(--transition-smooth);position:relative;z-index:1}.feature-image:after{content:'';position:absolute;inset:-14px;border-radius:var(--radius-xl);background:radial-gradient(ellipse at center,rgba(79,143,255,.05) 0%,transparent 70%);pointer-events:none;z-index:0;transition:var(--transition-smooth)}.feature-image:hover img{transform:translateY(-3px);box-shadow:var(--shadow-xl),0 0 0 1px rgba(59,111,255,.1),0 0 50px rgba(59,111,255,.06)}.feature-image:hover:after{background:radial-gradient(ellipse at center,rgba(79,143,255,.1) 0%,transparent 70%);inset:-22px}.section-padding{padding:100px 0}.why-choose-zalo{background:var(--bg-secondary);position:relative;overflow:hidden}.why-choose-zalo:before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:700px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(79,143,255,.06) 0%,transparent 65%);pointer-events:none}.section-head{text-align:center;max-width:750px;margin:0 auto 60px;position:relative;z-index:1}.section-head h2{font-size:38px;font-weight:720;margin-bottom:18px;color:var(--text-primary);letter-spacing:-.02em}.section-head p{font-size:16px;color:var(--text-tertiary);line-height:1.75;font-weight:440}.flex-center{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;position:relative;z-index:1}.feature-card{flex:1;min-width:300px;max-width:370px;padding:44px 34px;text-align:center;background:var(--surface-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);transition:var(--transition-spring);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.feature-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(79,143,255,.3),rgba(99,102,241,.25),transparent);opacity:0;transition:var(--transition-smooth);border-radius:3px 3px 0 0}.feature-card:after{content:'';position:absolute;inset:0;border-radius:var(--radius-2xl);background:radial-gradient(ellipse at 50% 0%,rgba(79,143,255,.06) 0%,transparent 55%);opacity:0;transition:var(--transition-smooth);pointer-events:none}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow-hover);border-color:var(--border-glow)}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1}.feature-card.active{border-color:var(--border-glow);box-shadow:var(--shadow-glow);background:var(--surface)}.feature-card.active:before{opacity:1;background:linear-gradient(90deg,transparent,rgba(59,111,255,.6),rgba(79,143,255,.5),transparent)}.feature-card.active:after{opacity:1;background:radial-gradient(ellipse at 50% 0%,rgba(79,143,255,.1) 0%,transparent 55%)}.feature-card h3{font-size:21px;font-weight:650;margin-bottom:14px;color:var(--text-primary);letter-spacing:-.015em;position:relative;z-index:1}.feature-card.active h3{color:var(--accent-600)}.feature-card p{font-size:14.5px;color:var(--text-tertiary);line-height:1.75;font-weight:440;position:relative;z-index:1}.tutorial-section{padding:100px 28px;max-width:1280px;margin:0 auto;background:0 0;position:relative}.tutorial-section-head{text-align:center;margin-bottom:55px}.tutorial-section-head h2{font-size:clamp(30px,4.5vw,40px);font-weight:720;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.02em}.tutorial-section-head p{font-size:17px;color:var(--text-tertiary);max-width:650px;margin:0 auto;font-weight:440}.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:28px;max-width:1120px;margin:0 auto}.tutorial-box{padding:34px 30px;background:var(--surface-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);transition:var(--transition-spring);border:1px solid var(--border-subtle);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.tutorial-box:before{content:'';position:absolute;top:0;left:0;width:4px;height:35%;background:linear-gradient(180deg,rgba(79,143,255,.5) 0%,transparent 100%);border-radius:0 4px 4px 0;opacity:0;transition:var(--transition-smooth)}.tutorial-box:after{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 30% 20%,rgba(79,143,255,.04) 0%,transparent 55%);opacity:0;transition:var(--transition-smooth);pointer-events:none}.tutorial-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow-hover);border-color:var(--border-glow)}.tutorial-box:hover:before{opacity:1;height:50%}.tutorial-box:hover:after{opacity:1}.tutorial-box h3{font-size:19px;font-weight:630;margin-bottom:10px;color:var(--text-primary);letter-spacing:-.01em;position:relative;z-index:1}.tutorial-box p{font-size:14.5px;color:var(--text-tertiary);line-height:1.7;position:relative;z-index:1;font-weight:440}.faq-about-section{padding:90px 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);position:relative}.faq-about-section:before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,143,255,.25),rgba(99,102,241,.2),transparent);pointer-events:none}.faq-about-row{display:flex;flex-wrap:wrap;gap:44px;position:relative;z-index:1}.about-zalo-column,.faq-column{flex:1 1 400px}.column-title{font-size:28px;font-weight:680;margin-bottom:26px;color:var(--text-primary);letter-spacing:-.015em}.about-content{background:var(--surface);border-radius:var(--radius-xl);padding:34px 30px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:var(--transition-smooth)}.about-content:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.about-content p{font-size:15.5px;color:var(--text-secondary);line-height:1.8;margin-bottom:18px;font-weight:440}.about-content p:last-child{margin-bottom:0}.faq-wrapper{background:0 0;padding:0}.faq-item{margin-bottom:26px;border-bottom:1px solid var(--border-subtle);padding-bottom:22px;transition:var(--transition-fast);cursor:default}.faq-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.faq-item:hover{border-bottom-color:var(--border-glow)}.faq-item h3{font-size:17px;font-weight:620;color:var(--accent-600);margin-bottom:8px;letter-spacing:-.01em;transition:var(--transition-fast)}.faq-item:hover h3{color:var(--accent-500)}.faq-item p{font-size:14.5px;color:var(--text-tertiary);line-height:1.7;font-weight:440}.text-center{text-align:center}.no-posts{text-align:center;color:var(--text-muted);font-size:1.05rem;margin-top:44px;font-weight:450}.feature-section.reverse{flex-direction:row-reverse}@media (max-width:768px){.hero-container,.feature-section{flex-direction:column !important;text-align:center;gap:36px}.hero-features li{text-align:left}.hero-btn{width:100%;max-width:340px;margin:0 auto}.hero-actions{justify-content:center}.faq-about-row{flex-direction:column;gap:36px}.column-title{font-size:24px;margin-bottom:18px;text-align:center}.about-content{padding:26px 22px}.section-title{font-size:26px}.section-head h2{font-size:28px}.grid-layout{grid-template-columns:1fr;gap:20px}.flex-center{flex-direction:column;align-items:center}.feature-card{max-width:100%;min-width:auto;width:100%}}@media (max-width:480px){.hero-section{padding:70px 0 60px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.hero-btn{padding:15px 30px;font-size:15px}.small-section{padding:60px 0}.section-padding{padding:70px 0}.container{padding:0 16px}.feature-card{padding:30px 22px}.tutorial-box{padding:26px 22px}}@media (prefers-reduced-motion:no-preference){.feature-card,.tutorial-box,.faq-item{transition:var(--transition-spring)}}.software-meta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 24px}.software-meta span{background:var(--surface-glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:50px;padding:8px 18px;font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:-.005em;transition:var(--transition-fast);white-space:nowrap}.software-meta span:hover{border-color:var(--accent-400);box-shadow:0 0 0 3px rgba(59,111,255,.08);color:var(--accent-600)}.software-info-section{background:var(--bg-primary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.table-responsive{max-width:800px;margin:35px auto 0;overflow-x:auto}.software-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);overflow:hidden}.software-table tbody tr{transition:var(--transition-fast)}.software-table tbody tr:hover{background:rgba(79,143,255,.04)}.software-table td{padding:16px 24px;font-size:15px;line-height:1.6;border-bottom:1px solid var(--border-subtle)}.software-table tbody tr:last-child td{border-bottom:none}.software-table td:first-child{font-weight:650;color:var(--text-primary);white-space:nowrap;width:160px;background:var(--bg-secondary)}.software-table td:last-child{color:var(--text-secondary)}.software-table a{color:var(--accent-500);text-decoration:none;font-weight:500}.software-table a:hover{text-decoration:underline}.install-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1120px;margin:0 auto 55px}.install-step{background:var(--surface-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:30px 26px;box-shadow:var(--shadow-sm);transition:var(--transition-spring);position:relative;overflow:hidden}.install-step:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-400),var(--accent-600));opacity:0;transition:var(--transition-smooth)}.install-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow-hover);border-color:var(--border-glow)}.install-step:hover:before{opacity:1}.install-step h3{font-size:19px;font-weight:650;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.01em}.install-step p{font-size:14.5px;color:var(--text-tertiary);line-height:1.7;font-weight:440}.other-guides{margin-top:20px}.other-guides-title{text-align:center;font-size:24px;font-weight:650;color:var(--text-secondary);margin-bottom:32px;letter-spacing:-.015em}.what-is-zalo{background:var(--bg-primary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.what-is-content{max-width:860px;margin:30px auto 0;font-size:16px;color:var(--text-secondary);line-height:1.9}.what-is-content p{margin-bottom:18px}.what-is-content strong{color:var(--accent-600);font-weight:650}.system-requirements{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.requirements-grid{display:flex;flex-wrap:wrap;gap:30px;max-width:1000px;margin:40px auto 0;justify-content:center}.req-card{flex:1 1 360px;background:var(--surface);border-radius:var(--radius-xl);padding:32px 30px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:var(--transition-spring)}.req-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.req-card h3{font-size:22px;font-weight:680;margin-bottom:18px;color:var(--accent-600);letter-spacing:-.015em}.req-card ul{list-style:none;padding:0;margin:0}.req-card ul li{font-size:15px;color:var(--text-tertiary);line-height:1.8;padding-left:22px;position:relative;margin-bottom:8px}.req-card ul li:before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent-400);opacity:.7}@media (max-width:768px){.software-meta{justify-content:center}.install-steps{grid-template-columns:1fr}.software-table td:first-child{width:auto}.what-is-content{font-size:15px}.requirements-grid{flex-direction:column;align-items:center}.req-card{width:100%}}