:root{--navy:#07366f;--blue:#1268b4;--red:#e42327;--green:#159447;--gold:#ffc33b;--ink:#17304f;--muted:#5f6f83;--white:#fff;--shadow:0 18px 50px rgba(13,44,82,.14);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.section-pad{padding:90px 0}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:9999}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(6,46,101,.96);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}.brand{width:150px;flex:none;background:#fff;border-radius:12px;padding:5px}.brand img{width:100%;height:56px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto}.main-nav a{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.main-nav a:hover{color:#ffd34d}.nav-cta{background:var(--red);padding:11px 15px;border-radius:10px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:27px;height:3px;background:#fff;margin:5px;border-radius:5px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 35%,#e0f6ff 0 20%,transparent 48%),linear-gradient(135deg,#edf9ff,#fff 60%,#e7f2ff)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7bb7e8 1px,transparent 1px);background-size:24px 24px;opacity:.2}.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px}.eyebrow{display:inline-block;color:#0e70b8;font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05;margin:0 0 22px;text-transform:uppercase;color:#09386e}.hero h1 strong{display:block;color:var(--red)}.hero-lead{font-size:20px;max-width:680px;margin:0 0 28px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.benefit{display:flex;align-items:center;gap:10px;padding:14px;background:rgba(255,255,255,.82);border:1px solid #dbeaf7;border-radius:14px;box-shadow:0 8px 24px rgba(33,89,132,.08)}.benefit span{font-size:24px}.benefit b{font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 20px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.2px;cursor:pointer;transition:.25s;box-shadow:0 9px 18px rgba(0,0,0,.12)}.btn:hover{transform:translateY(-3px);filter:brightness(1.03)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-teal{background:#078b94;color:#fff}.btn-purple{background:#7937c8;color:#fff}.btn-gold{background:var(--gold);color:#17304f}.btn-light{background:#fff;color:#0b5598}.hero-art{min-height:520px;position:relative}.world-orbit{position:absolute;inset:40px 15px 20px 30px;border-radius:50%;background:radial-gradient(circle,#d8f1ff 0 46%,transparent 47%),repeating-radial-gradient(circle,#8ac4e9 0 1px,transparent 2px 29px);border:2px dashed #72acd4}.plane{position:absolute;right:7%;top:12%;font-size:92px;transform:rotate(-12deg);filter:drop-shadow(0 18px 15px rgba(0,0,0,.16))}.passport-card,.visa-card,.ticket-card{position:absolute;border-radius:18px;box-shadow:var(--shadow)}.passport-card{width:245px;height:330px;left:19%;top:27%;background:linear-gradient(145deg,#0a376d,#072652);color:#f4c54d;padding:34px;text-align:center;transform:rotate(-8deg);border:2px solid rgba(255,255,255,.2)}.passport-card span{font-weight:800;letter-spacing:3px}.passport-card b{display:block;font-size:90px;margin:40px 0 20px}.passport-card small{letter-spacing:2px}.visa-card{right:4%;bottom:11%;width:230px;height:160px;background:#f8f4e8;padding:28px;transform:rotate(6deg);border:8px solid #e5dcc5}.visa-card span{font-size:31px;font-weight:900;color:#1568a9}.visa-card b{display:block;color:#cf2028;border:3px solid #cf2028;width:max-content;padding:2px 7px;transform:rotate(-5deg);margin:12px 0}.ticket-card{top:18%;left:3%;background:#fff;padding:15px 22px;transform:rotate(-15deg);color:#215a89;border-left:8px solid var(--red)}.landmark{position:absolute;font-size:68px}.landmark-a{left:1%;bottom:2%}.landmark-b{right:1%;top:30%}.landmark-c{right:28%;top:5%;font-size:55px}
.service{padding:82px 0;overflow:hidden}.service-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center}.service-grid.reverse .service-visual{order:2}.service-grid.reverse .service-content{order:1}.service-content h2{font-size:clamp(32px,4vw,53px);line-height:1.15;margin:4px 0 16px}.service-content p{font-size:17px;max-width:650px}.section-number{font-size:14px;font-weight:800;letter-spacing:2px;opacity:.75}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:0;margin:24px 0 30px;list-style:none}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:currentColor;color:#fff;margin-right:9px;font-size:12px}.check-list li{font-weight:600}.visual-card{height:440px;border-radius:32px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.service-blue{background:linear-gradient(135deg,#0b64ac,#06386f);color:#fff}.passport-visual{background:radial-gradient(circle at 80% 20%,#53a1d8,transparent 35%),linear-gradient(135deg,#d9f2ff,#a4d3ed)}.vn-passport{position:absolute;width:250px;height:330px;left:50%;top:50%;transform:translate(-48%,-46%) rotate(-9deg);background:linear-gradient(145deg,#0b3e77,#06264e);color:#e9c65d;border-radius:15px;padding:36px 26px;text-align:center;box-shadow:0 24px 30px rgba(0,0,0,.3)}.vn-passport small{display:block;font-size:10px}.vn-passport b{display:block;font-size:76px;margin:42px 0 15px}.vn-passport strong,.vn-passport em{display:block;font-style:normal;letter-spacing:2px}.mini-plane{position:absolute;right:8%;top:12%;font-size:80px;transform:rotate(-18deg)}.service-vietnam{background:#fff5d8;color:#27354b}.vietnam-visual{background:linear-gradient(145deg,#fff7d5,#ffd89b)}.vietnam-map{position:absolute;left:12%;top:12%;font-size:80px;color:#f2cf29;width:150px;height:310px;background:#ef2d2d;clip-path:polygon(48% 0,59% 10%,57% 20%,71% 27%,62% 39%,70% 52%,62% 66%,70% 78%,57% 100%,40% 91%,43% 75%,34% 61%,40% 45%,27% 33%,36% 18%);display:grid;place-items:center}.device-card{position:absolute;right:8%;top:21%;width:260px;height:210px;background:#f8fbff;border:13px solid #244a69;border-radius:16px;padding:30px;text-align:center;box-shadow:0 18px 25px rgba(0,0,0,.2)}.device-card b,.device-card span{display:block;font-size:30px;color:#e72d2d}.device-card em{display:inline-block;margin-top:16px;color:#16883d;border:2px solid #16883d;padding:3px 8px;font-style:normal}.service-teal{background:#dff7f4}.global-visual{background:linear-gradient(145deg,#dcfbff,#b8e9eb)}.globe{position:absolute;font-size:190px;left:3%;top:19%}.laptop{position:absolute;right:8%;top:20%;width:260px;height:185px;background:#fff;border:14px solid #224d66;border-radius:12px;display:grid;place-items:center;font-size:30px;color:#056f7d}.laptop span{font-size:54px;color:#1d9f4d}.phone{position:absolute;right:4%;bottom:10%;width:76px;height:140px;border:8px solid #1d4d69;border-radius:15px;background:#fff;display:grid;place-items:center;text-align:center;font-size:12px}.service-purple{background:#f2e9ff}.asia-visual{background:linear-gradient(135deg,#d9c8ff,#fff)}.asia-visual>span{font-size:47px;margin:18px 9px;display:inline-block}.asia-landmarks{font-size:76px;position:absolute;left:7%;bottom:25%;letter-spacing:15px;filter:drop-shadow(0 15px 10px rgba(0,0,0,.15))}.service-navy{background:linear-gradient(135deg,#041f47,#073e7c);color:#fff}.premium-visual{background:radial-gradient(circle at 50% 100%,#0c75aa,#082b62 60%)}.flags{font-size:55px;position:absolute;top:12%;left:8%}.skyline{font-size:76px;position:absolute;bottom:21%;left:5%}.network-globe{position:absolute;width:480px;height:220px;left:50%;bottom:-120px;transform:translateX(-50%);border-radius:50%;border:2px solid #e5b942;background:repeating-radial-gradient(circle,#e5b942 0 1px,transparent 2px 30px)}.service-green{background:#e9f8eb}.map-visual{background:linear-gradient(145deg,#d4f4e3,#fff0b5)}.map-shape{font-size:260px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pin{position:absolute;color:#e6292f;font-size:36px;font-style:normal}.p1{left:28%;top:22%}.p2{left:50%;top:34%}.p3{right:22%;top:18%}.p4{right:34%;bottom:18%}
.process{background:#f7fbff}.section-head{text-align:center;max-width:760px;margin:0 auto 50px}.section-head h2,.contact-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.2;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step{position:relative;background:#fff;border-radius:20px;padding:28px 18px;text-align:center;box-shadow:0 10px 30px rgba(16,77,125,.09);border:1px solid #e4eef7}.step span{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center}.step i{font-style:normal;font-size:40px}.step h3{font-size:17px;margin:12px 0 8px}.step p{font-size:13px;color:var(--muted);margin:0}.legal-note{text-align:center;font-size:13px;color:var(--muted);margin-top:28px}
.contact{background:linear-gradient(135deg,#eaf7ff,#f8fbff)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.contact-copy{position:sticky;top:120px}.contact-copy p{font-size:18px}.contact-points{display:grid;gap:12px;margin-top:28px}.contact-points span{font-weight:700;color:#0b5d9c}.lead-form{background:#fff;border-radius:28px;padding:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;box-shadow:var(--shadow)}.field{display:grid;gap:7px}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e2ec;border-radius:10px;padding:13px 14px;font:inherit;background:#fbfdff}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(19,105,180,.15);border-color:#176eb2}.full{grid-column:1/-1}.privacy{text-align:center;color:var(--muted);font-size:12px;margin:0}.form-message{font-weight:700;text-align:center;color:var(--green)}
.site-footer{background:#052b5c;color:#fff;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:45px}.footer-brand img{background:#fff;border-radius:14px;padding:6px;max-width:220px}.footer-brand p{color:#76d770;font-style:italic;font-weight:700}.site-footer h3{font-size:16px;margin-top:0}.site-footer p{color:#d8e6f5;margin:8px 0}.site-footer a{color:#fff}.footer-cta{display:inline-block;margin-top:12px;color:#ffd147!important;font-weight:800}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.15);padding:18px;margin-top:38px;color:#bfd0e4;font-size:13px}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:900;display:grid;gap:10px}.floating-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.22)}.float-call{background:#0b66b3}.float-zalo{background:#178bd2;font-size:12px}.float-top{background:#e52b30}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.main-nav{position:fixed;top:78px;left:0;right:0;background:#06356f;padding:20px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.hero-grid,.service-grid,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:480px}.service-grid.reverse .service-visual,.service-grid.reverse .service-content{order:initial}.contact-copy{position:static}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:680px){.section-pad{padding:65px 0}.site-header .container{width:min(100% - 20px,1180px)}.brand{width:126px}.brand img{height:47px}.nav-wrap{min-height:67px}.main-nav{top:67px}.hero{padding-top:55px}.hero-grid{gap:18px}.hero h1{font-size:39px}.hero-lead{font-size:16px}.benefit-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-art{min-height:390px}.passport-card{width:180px;height:250px;left:17%;padding:24px}.passport-card b{font-size:60px;margin:28px 0}.visa-card{width:170px;height:130px;padding:17px}.plane{font-size:66px}.landmark{font-size:45px}.service{padding:62px 0}.service-grid{gap:28px}.visual-card{height:330px}.service-content h2{font-size:31px}.check-list{grid-template-columns:1fr}.vn-passport{width:190px;height:260px;padding:25px}.vn-passport b{font-size:55px;margin:26px 0 10px}.device-card{width:190px;height:155px;right:3%;padding:18px}.vietnam-map{left:4%;height:250px}.globe{font-size:130px}.laptop{width:185px;height:135px}.asia-landmarks{font-size:47px}.flags{font-size:34px}.skyline{font-size:48px}.map-shape{font-size:180px}.steps{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr;padding:20px}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.floating-actions{right:10px;bottom:10px}.floating-actions a{width:43px;height:43px}}

/* Hình ảnh minh họa theo bản thiết kế mẫu */
.hero-art{display:flex;align-items:center;justify-content:center;min-height:500px}
.hero-photo{width:100%;height:100%;max-height:520px;object-fit:cover;object-position:center;border-radius:30px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.65)}
.image-visual{background:#fff;border:1px solid rgba(10,54,94,.08)}
.image-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.image-visual:hover img{transform:scale(1.035)}
@media(max-width:680px){.hero-art{min-height:320px}.hero-photo{max-height:340px}.image-visual img{object-position:center}.visual-card{border-radius:22px}}