.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-warm{background:var(--gradient-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--background-primary);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #92939259}.btn-primary:before{content:"";opacity:0;background:#ffffff26;transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #92939259}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--background-primary);border:2px solid var(--background-primary);cursor:pointer;background:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-secondary:hover{background:var(--background-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #65676633}.badge{letter-spacing:.025em;border-radius:50px;align-items:center;gap:.375rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-green{background:var(--brand-orange-100);color:var(--brand-orange-600);border:1px solid var(--brand-orange-200)}.badge-teal{color:var(--brand-blue-600);background:#f0fdfa;border:1px solid #ccfbf1}.badge-orange{color:var(--brand-orange-600);background:#fff7ed;border:1px solid #fed7aa}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:1.25rem;flex-direction:column;gap:.75rem;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.card-glass:hover{box-shadow:0 12px 40px var(--brand-orange-50),0 4px 12px var(--brand-orange-100);border-color:var(--brand-orange-200);transform:translateY(-4px)}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-orange-600);font-size:1rem;font-weight:700}.section-title{color:var(--text-primary);letter-spacing:-.025em;font-size:clamp(1.75rem,4vw,2.875rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:560px;font-size:1.0625rem;line-height:1.75}.blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite blobFloat;position:absolute}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-15px,10px)scale(.97)}}.navbar{z-index:100;padding:1rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled .nav-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:99px;animation:.3s ease-in-out nav-menu-scrolled;box-shadow:0 2px 20px #0000000f}@keyframes nav-menu-scrolled{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.nav-link{color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--gradient-brand);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-link:hover{color:var(--brand-orange-600)}.nav-link:hover:after{width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#nav-logo img{object-fit:contain}.stat-number{color:var(--brand-orange-600);font-size:2rem;font-weight:800;line-height:1}.feature-icon{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.divider-gradient{background:linear-gradient(90deg,transparent,var(--brand-orange-200),transparent);border:none;height:1px}@keyframes scrollBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(6px)}}.scroll-indicator{animation:2s ease-in-out infinite scrollBounce}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{white-space:nowrap;gap:3rem;animation:24s linear infinite marquee;display:flex}.pricing-popular{position:relative;border:2px solid var(--brand-orange-400)!important}.pricing-popular:before{content:"Phổ biến nhất";background:var(--gradient-brand);color:#fff;white-space:nowrap;border-radius:50px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.testimonial-card{border:1px solid var(--border);background:#fff;border-radius:1.25rem;padding:1.75rem;transition:all .3s;box-shadow:0 2px 16px #0000000d}.testimonial-card:hover{border-color:var(--brand-orange-200);transform:translateY(-3px);box-shadow:0 8px 30px #22c55e1a}.faq-item{border:1px solid var(--border);border-radius:1rem;transition:border-color .2s;overflow:hidden}.faq-item:hover{background:var(--background-primary);color:#fff}.faq-question{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{background:var(--background-primary);color:#fff}.faq-answer{color:var(--text-secondary);padding:0 1.5rem 1.25rem;font-size:.9375rem;line-height:1.75}.cta-bg{background:var(--gradient-brand);position:relative;overflow:hidden}.cta-bg:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--brand-orange-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange-500)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.contact-grid{grid-template-columns:1fr 1fr;grid-template-areas:"title form""info form";align-items:start;gap:2rem;display:grid}.contact-title-col{grid-area:title}.contact-form-col{grid-area:form}.contact-info-col{grid-area:info}.grid-2col{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.grid-problems{grid-template-columns:repeat(4,minmax(0,310px));justify-content:center;gap:2rem;display:grid}.grid-benefits-items{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.steps-3-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.step-3-card{text-align:center;z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.step-3-badge{color:#fff;letter-spacing:.05em;border-radius:1.25rem;flex-shrink:0;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;margin-bottom:1.5rem;font-size:1.375rem;font-weight:900;display:flex;box-shadow:0 8px 24px #00000026}.step-3-icon-ring{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin-top:1.5rem;font-size:2rem;display:flex}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;grid-template-areas:"title""form""info";gap:1.5rem}.grid-2col{grid-template-columns:1fr;grid-auto-flow:dense;gap:1.5rem}.grid-3col{grid-template-columns:1fr 1fr;gap:1.25rem}.grid-4col{grid-template-columns:1fr 1fr;gap:1rem}.grid-3col.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.steps-3-grid{grid-template-columns:repeat(2,1fr)}.step-3-card{text-align:left;align-items:flex-start;gap:.25rem}.step-3-badge{border-radius:1rem;flex-shrink:0;width:4rem;height:4rem;margin-bottom:0;font-size:1.125rem}.step-3-icon-ring{display:none}.grid-problems{grid-template-columns:repeat(2,minmax(0,310px));gap:1.5rem}.grid-features{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.grid-features,.steps-3-grid,.grid-problems{grid-template-columns:1fr;gap:1.25rem}.grid-problems .card-glass{max-width:400px;margin:0 auto;width:100%!important}.grid-benefits-items{grid-template-columns:1fr 1fr}.testimonial-card{padding:1.25rem}}@media (max-width:640px){.container,.navbar{padding:0 1rem}.scrolled{padding:.5rem 1rem!important}.section-title{font-size:1.625rem!important}.grid-features{grid-template-columns:1fr}.grid-problems{grid-template-columns:1fr;gap:1.25rem}.grid-benefits-items,.grid-3col{grid-template-columns:1fr}.step-3-card{text-align:center;flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%}}
