:root{--green:#12b76a;--green-dark:#079455;--green-soft:#ecfdf3;--blue:#0b7cff;--blue-dark:#075fcc;--blue-soft:#eaf4ff;--orange:#ff7a1a;--orange-dark:#e35f00;--orange-soft:#fff3e8;--black:#101828;--gray:#667085;--light-gray:#f2f4f7;--border:#e4e7ec;--white:#fff;--shadow:0 20px 60px rgba(16,24,40,.1);--shadow-soft:0 12px 32px rgba(16,24,40,.06);--radius-xl:32px;--radius-lg:24px;--container:1120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Arial,Helvetica,sans-serif;color:var(--black);background:var(--white);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img,video,iframe{max-width:100%;display:block}.container{width:min(100% - 32px,var(--container));margin:0 auto}.section{padding:80px 0}.section-soft{background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}.section-heading h2{font-size:clamp(1.9rem,5vw,3rem);line-height:1.12;letter-spacing:-1.5px;margin-bottom:14px}.section-heading p{color:var(--gray)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;border-radius:999px;color:var(--green-dark);background:var(--green-soft);font-size:.9rem;font-weight:700}.eyebrow.light{color:var(--white);background:rgba(255,255,255,.14)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:none;cursor:pointer;font-weight:800;transition:.25s ease;white-space:nowrap;text-align:center}.btn-primary{color:var(--white);background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 14px 30px rgba(18,183,106,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(18,183,106,.34)}.btn-outline{color:var(--black);background:var(--white);border:1px solid var(--border)}.btn-outline:hover{color:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.btn-orange{color:var(--white);background:linear-gradient(135deg,var(--orange),var(--orange-dark))}.btn-zalo{color:var(--white);background:#0068ff}.btn-fb{color:var(--white);background:#7c3aed}.header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.85)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:900;letter-spacing:-.6px}.logo-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:var(--white);background:linear-gradient(135deg,var(--green),var(--orange));box-shadow:0 12px 24px rgba(18,183,106,.25);font-size:.85rem}.menu{display:none;align-items:center;gap:22px;color:var(--gray);font-weight:700;font-size:.95rem}.menu a:hover{color:var(--green)}.menu-cta{padding:10px 16px;border-radius:999px;color:var(--white)!important;background:var(--orange);box-shadow:0 10px 24px rgba(255,122,26,.22)}.menu-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:var(--white);cursor:pointer;font-size:1.3rem}.hero{padding:64px 0 78px;background:radial-gradient(circle at top left,rgba(18,183,106,.16),transparent 32%),radial-gradient(circle at bottom right,rgba(255,122,26,.15),transparent 35%),linear-gradient(180deg,#fff 0%,#f8fbfa 100%);overflow:hidden}.hero-grid{display:grid;gap:38px;align-items:center}.hero-content h1{max-width:760px;margin-bottom:18px;font-size:clamp(2.4rem,10vw,5rem);line-height:.98;letter-spacing:-3px}.hero-content h1 span{color:var(--orange)}.hero-desc{max-width:660px;margin-bottom:26px;color:var(--gray);font-size:1.06rem}.hero-actions{display:flex;flex-direction:column;gap:12px}.hero-image-card{position:relative;padding:18px;border-radius:36px;background:rgba(255,255,255,.88);border:1px solid var(--border);box-shadow:var(--shadow)}.image-placeholder{min-height:310px;display:grid;place-items:center;text-align:center;border-radius:28px;color:var(--white);background:linear-gradient(135deg,rgba(16,24,40,.9),rgba(18,183,106,.75)),repeating-linear-gradient(45deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 10px,transparent 10px,transparent 20px)}.placeholder-title{display:block;font-size:clamp(3rem,16vw,6rem);font-weight:900;line-height:.9;letter-spacing:-3px}.image-placeholder p{margin-top:12px;opacity:.85}.floating-badge{position:absolute;left:22px;right:22px;bottom:22px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.94);color:var(--black);font-weight:800;box-shadow:0 10px 28px rgba(16,24,40,.16)}.specs{margin-top:-30px;position:relative;z-index:2}.specs-grid{display:grid;gap:14px}.spec-card{padding:22px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-soft);text-align:center}.spec-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 12px;border-radius:18px;background:var(--orange-soft);font-size:1.7rem}.spec-card p{color:var(--gray);font-weight:700;font-size:.92rem}.spec-card h3{margin-top:4px;font-size:1.15rem}.feature-grid{display:grid;gap:18px}.feature-card{padding:26px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:.25s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(18,183,106,.35);box-shadow:0 18px 44px rgba(16,24,40,.1)}.feature-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border-radius:20px;background:linear-gradient(135deg,var(--green-soft),var(--orange-soft));font-size:1.6rem}.feature-card h3{margin-bottom:8px;font-size:1.22rem;letter-spacing:-.5px}.feature-card p{color:var(--gray)}.guide-grid{display:grid;gap:18px}.guide-card{overflow:hidden;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:.25s ease}.guide-card:hover{transform:translateY(-4px);border-color:rgba(11,124,255,.28);box-shadow:0 18px 44px rgba(11,124,255,.12)}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,rgba(16,24,40,.92),rgba(11,124,255,.58)),repeating-linear-gradient(45deg,rgba(255,255,255,.07),rgba(255,255,255,.07) 10px,transparent 10px,transparent 20px)}.video-frame:before{content:"Gắn video hướng dẫn tại đây";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.82);font-weight:800;text-align:center;padding:16px;z-index:1;pointer-events:none}.video-frame video,.video-frame iframe{position:relative;z-index:2;width:100%;height:100%;border:0;object-fit:cover}.guide-content{padding:20px}.guide-tag{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue-dark);font-size:.78rem;font-weight:800}.guide-content h3{margin-bottom:8px;font-size:1.15rem;letter-spacing:-.4px}.guide-content p{color:var(--gray);font-size:.95rem}.gallery-heading{margin:52px auto 22px;max-width:720px;text-align:center}.gallery-heading h3{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.15;letter-spacing:-1px;margin-bottom:8px}.gallery-heading p{color:var(--gray)}.image-gallery{display:grid;grid-template-columns:1fr;gap:14px}.gallery-item{overflow:hidden;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow-soft);background:var(--white);transition:.25s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(16,24,40,.1)}.gallery-item img{width:100%;height:220px;object-fit:cover}.gallery-placeholder{min-height:220px;display:grid;place-items:center;padding:18px;text-align:center;color:var(--gray);font-weight:800;background:linear-gradient(135deg,rgba(236,253,243,.9),rgba(234,244,255,.95)),repeating-linear-gradient(45deg,rgba(16,24,40,.04),rgba(16,24,40,.04) 10px,transparent 10px,transparent 20px)}.policy-grid{display:grid;gap:22px;align-items:start}.policy-box,.fee-box{padding:28px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-soft)}.policy-box h2,.fee-box h2{margin-bottom:18px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15;letter-spacing:-1px}.check-list{display:grid;gap:14px}.check-list li{list-style:none;display:flex;gap:10px;color:var(--gray)}.check-list li:before{content:"✓";width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--green-soft);font-weight:900}.fee-list{display:grid;gap:12px}.fee-item{display:grid;gap:8px;padding:16px;border-radius:18px;background:#f9fafb;border:1px solid var(--border)}.fee-item h3{font-size:1rem}.fee-item p{color:var(--gray);font-size:.92rem}.fee-item strong{color:var(--orange);font-size:1.12rem;white-space:nowrap}.contact-section{color:var(--white);background:radial-gradient(circle at top left,rgba(18,183,106,.35),transparent 35%),linear-gradient(135deg,#0b1220,#101828)}.contact-grid{display:grid;gap:26px;align-items:center;padding:72px 0}.contact-grid h2{max-width:640px;margin-bottom:14px;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;letter-spacing:-2px}.contact-grid p{color:rgba(255,255,255,.72)}.contact-card{padding:24px;border-radius:var(--radius-xl);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}.contact-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-row span{font-size:1.35rem}.contact-row p{font-size:.9rem}.contact-row strong{display:block;color:var(--white)}.contact-buttons{display:grid;gap:10px;margin-top:18px}.footer{padding:20px 16px;text-align:center;color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.1)}.floating-contact{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;flex-direction:column-reverse;align-items:center;gap:12px}.float-main,.float-item{border:none;border-radius:50%;color:var(--white);cursor:pointer;display:grid;place-items:center;box-shadow:0 14px 30px rgba(16,24,40,.24)}.float-main{width:62px;height:62px;font-size:1.45rem;background:linear-gradient(135deg,var(--green),var(--orange));animation:pulse 1.7s infinite,shake 2.8s infinite}.floating-menu{display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:translateY(16px);transition:.25s ease}.floating-contact:hover .floating-menu,.floating-contact.active .floating-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.float-item{position:relative;width:50px;height:50px;font-weight:900;transition:.2s ease}.float-item:hover{transform:translateY(-3px) scale(1.05)}.float-item span{position:absolute;right:62px;padding:7px 10px;border-radius:999px;background:var(--black);color:var(--white);font-size:.78rem;opacity:0;pointer-events:none;white-space:nowrap;transition:.2s ease}.float-item:hover span{opacity:1}.float-item.call{background:var(--green)}.float-item.zalo{background:#0068ff}.float-item.messenger{background:#7c3aed}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,.45),0 14px 30px rgba(16,24,40,.24)}70%{box-shadow:0 0 0 18px rgba(18,183,106,0),0 14px 30px rgba(16,24,40,.24)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0),0 14px 30px rgba(16,24,40,.24)}}@keyframes shake{0%,82%,100%{transform:rotate(0)}85%{transform:rotate(8deg)}88%{transform:rotate(-8deg)}91%{transform:rotate(6deg)}94%{transform:rotate(-6deg)}97%{transform:rotate(3deg)}}@media (min-width:540px){.image-gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width:640px){.hero-actions{flex-direction:row}.specs-grid{grid-template-columns:repeat(3,1fr)}.fee-item{grid-template-columns:1fr auto;align-items:center}.contact-buttons{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.menu{display:flex}.menu-toggle{display:none}.hero{padding:92px 0 108px}.hero-grid{grid-template-columns:1.02fr .98fr;gap:56px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-wide{grid-column:span 2}.guide-grid{grid-template-columns:repeat(3,1fr)}.image-gallery{grid-template-columns:repeat(3,1fr)}.policy-grid{grid-template-columns:.85fr 1.15fr}.contact-grid{grid-template-columns:1fr .95fr}}@media (min-width:1180px){.image-gallery{grid-template-columns:repeat(4,1fr)}}@media (max-width:899px){.menu{position:absolute;top:74px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border-radius:20px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow)}.menu.active{display:flex}.menu a{padding:12px;border-radius:12px}.menu a:hover{background:var(--green-soft)}.menu-cta{text-align:center;margin-top:8px}}@media (max-width:420px){.container{width:min(100% - 24px,var(--container))}.section{padding:64px 0}.hero-content h1{letter-spacing:-2px}.btn{width:100%}.floating-badge{left:14px;right:14px;bottom:14px;font-size:.86rem}.float-item span{display:none}}