:root{--ink:#063b46;--deep:#052f38;--aqua:#18aab0;--sea:#087885;--sand:#f4e9ce;--sun:#ffd54a;--coral:#f26951;--white:#fff;--muted:#6c7c7c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5ec;color:var(--ink);font-family:'Be Vietnam Pro',sans-serif}a{text-decoration:none;color:inherit}.topbar{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8eee9}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;background:var(--sun);border-radius:50% 50% 45% 55%;display:grid;place-items:center;font-family:'Playfair Display';font-weight:800;transform:rotate(-5deg);box-shadow:4px 4px 0 var(--ink)}.brand strong{display:block;font-size:14px;letter-spacing:.05em}.brand small{font-size:10px;color:var(--muted)}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a:hover{color:var(--aqua)}.hotline{background:var(--ink);color:#fff;border-radius:999px;padding:12px 20px;font-weight:700;font-size:13px}.hero{min-height:680px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}.hero-content{padding:100px 5vw 80px 8vw;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--sun);margin:0 0 20px}.eyebrow.dark{color:var(--sea)}h1,h2{font-family:'Playfair Display',serif;margin:0;line-height:.98}h1{font-size:clamp(60px,7vw,108px);letter-spacing:-.04em}h1 em{color:var(--sun);font-weight:700}.lead{max-width:620px;color:#cce1df;font-size:17px;line-height:1.75;margin:30px 0}.hero-actions{display:flex;gap:12px}.button{padding:16px 24px;border-radius:7px;font-size:14px;font-weight:700}.button.primary{background:var(--sun);color:var(--ink)}.button.primary span{margin-left:25px}.button.ghost{border:1px solid #78a1a3}.trust{display:flex;gap:28px;color:#a9ccca;font-size:12px;margin-top:36px}.hero-art{position:relative;min-height:650px;background:linear-gradient(160deg,#157c87,#0b535f);overflow:hidden}.sun{width:300px;height:300px;border-radius:50%;background:var(--sun);position:absolute;right:-70px;top:70px;box-shadow:0 0 0 35px rgba(255,213,74,.08)}.island{position:absolute;width:130%;height:270px;right:-15%;bottom:95px;background:#0b4a50;border-radius:50% 80% 20% 10%;transform:rotate(-6deg)}.wave{height:180px;width:140%;position:absolute;left:-20%;border-radius:50%;border-top:2px solid rgba(255,255,255,.3)}.w1{bottom:10px}.w2{bottom:-25px;left:-5%}.w3{bottom:-60px;left:-35%}.boat{position:absolute;width:240px;height:45px;background:#f4e6c4;left:16%;top:48%;clip-path:polygon(0 0,100% 0,83% 100%,13% 100%);transform:rotate(-3deg);filter:drop-shadow(12px 16px 0 rgba(0,0,0,.15))}.boat:before{content:"THANH DUY";color:var(--ink);font-size:10px;font-weight:800;position:absolute;left:65px;top:13px;letter-spacing:.12em}.boat span{position:absolute;width:100px;height:32px;background:var(--coral);left:65px;top:-28px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.ticket{position:absolute;right:9%;bottom:85px;width:230px;padding:18px 22px;background:var(--sand);color:var(--ink);transform:rotate(7deg);box-shadow:0 18px 45px rgba(0,0,0,.25);border-left:8px dotted var(--ink)}.ticket small,.ticket span{display:block;font-size:8px;letter-spacing:.18em}.ticket b{display:block;font-family:'Playfair Display';font-size:25px;margin:8px 0}.schedule-section,.price-section{padding:95px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section-heading h2{font-size:clamp(40px,5vw,65px)}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted)}.filters{display:flex;gap:8px;margin-bottom:20px}.filter{border:1px solid #cedbd8;background:transparent;color:var(--ink);border-radius:99px;padding:10px 17px;font-family:inherit;font-weight:700;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.route-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#e8ece5;border-radius:10px 10px 0 0;padding:7px;gap:5px}.route{border:0;background:transparent;padding:18px 12px;color:#627472;font-family:inherit;font-weight:700;cursor:pointer;border-radius:7px}.route span{color:var(--coral);margin:0 6px}.route.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(5,47,56,.08)}.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c9d7d3;border:1px solid #c9d7d3}.trip-card{background:#fff;padding:22px;animation:appear .35s both;animation-delay:var(--delay)}@keyframes appear{from{opacity:0;transform:translateY(8px)}}.trip-top{display:flex;justify-content:space-between;align-items:center}.mode{font-size:9px;background:#dff5f3;color:var(--sea);padding:5px 8px;border-radius:3px;font-weight:800;text-transform:uppercase}.ferry-mode{background:#fff0c1;color:#7d5f00}.operator{font-size:10px;color:var(--muted);font-weight:600}.trip-time{margin:24px 0 18px}.trip-time b{font-family:'Playfair Display';font-size:36px}.trip-time span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.trip-route{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #edf1ef;font-size:10px;font-weight:700}.trip-route i{width:6px;height:6px;background:var(--coral);display:inline-block;border-radius:50%;margin-right:5px}.trip-route em{color:var(--aqua);font-size:18px}.trip-card>a{display:flex;justify-content:space-between;border-top:1px solid #edf1ef;padding-top:14px;font-size:11px;font-weight:800;color:var(--sea)}.schedule-note{text-align:center;font-size:10px;color:var(--muted);margin-top:18px}.price-section{background:var(--deep);color:#fff}.section-heading.light>p{color:#9cb5b5}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{background:#0b414a;padding:30px;border:1px solid #28545a;position:relative;transition:.25s}.price-card:hover{transform:translateY(-5px);border-color:var(--aqua)}.price-card.featured{background:#0e5660}.price-card.featured:after{content:'PHỔ BIẾN';position:absolute;right:0;top:0;background:var(--sun);color:var(--ink);padding:7px 11px;font-size:8px;font-weight:800}.price-icon{height:48px;width:48px;border-radius:50%;background:#fff;color:var(--sea);display:grid;place-items:center;font-family:'Playfair Display';font-weight:800;margin-bottom:25px}.price-icon.coral{background:var(--coral);color:#fff}.price-icon.yellow{background:var(--sun);color:var(--ink)}.price-icon.aqua{background:var(--aqua);color:#fff}.price-card>p{color:#8fb7b7;font-size:9px;letter-spacing:.15em;font-weight:800}.price-card h3{font-family:'Playfair Display';font-size:25px;margin:7px 0}.price-route{font-size:11px;color:#9bb6b6;margin-bottom:25px}.price-card>strong{font-family:'Playfair Display';font-size:38px;color:var(--sun)}.price-card>strong small{font-family:'Be Vietnam Pro';font-size:9px;color:#acc1c0;font-weight:500}.price-card ul{list-style:none;padding:15px 0 0;margin:15px 0 0;border-top:1px solid #315a60}.price-card li{display:flex;justify-content:space-between;padding:7px 0;font-size:11px;color:#bbcecd}.price-card li b{color:#fff}.contact-section{padding:80px 8vw;background:var(--sun);display:flex;align-items:center;justify-content:space-between}.contact-section h2{font-size:55px}.contact-section p{font-size:13px}.big-call{background:var(--ink);color:#fff;padding:22px 38px;min-width:260px;border-radius:6px}.big-call span{display:block;font-size:9px;letter-spacing:.2em;color:#9ec1c0}.big-call b{font-family:'Playfair Display';font-size:28px}footer{padding:35px 7vw;display:flex;justify-content:space-between;align-items:center;background:#fff}footer p{font-size:10px;color:var(--muted)}.floating-call{display:none;position:fixed;right:20px;bottom:20px;z-index:30;width:54px;height:54px;border-radius:50%;background:var(--coral);color:#fff;place-items:center;font-size:22px;box-shadow:0 8px 25px #7c3d30}
@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.hero-content{padding:80px 7vw 45px}.hero-art{min-height:420px}.schedule-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{height:72px;padding:0 18px}.hotline.top{display:none}.brand-mark{width:38px;height:38px}.brand strong{font-size:12px}.hero{min-height:auto}.hero-content{padding:65px 20px 50px}h1{font-size:52px}.lead{font-size:14px}.trust{gap:10px;flex-wrap:wrap}.hero-art{min-height:340px}.sun{width:220px;height:220px}.boat{left:6%;top:42%;transform:scale(.8) rotate(-3deg)}.ticket{width:180px;right:6%;bottom:45px}.schedule-section,.price-section{padding:65px 16px}.section-heading{display:block}.section-heading>p{margin-top:20px}.route-tabs{display:flex;overflow-x:auto}.route{min-width:210px}.schedule-grid{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.contact-section{padding:60px 20px;display:block}.contact-section h2{font-size:44px}.big-call{display:block;margin-top:30px}footer{display:block;padding:30px 20px}footer p{margin-top:20px}.floating-call{display:grid}}
.trip-main{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:24px 0 18px}.trip-main .trip-time{margin:0}.trip-price{text-align:right;padding:8px 10px;background:#fff5d4;border:1px solid #f2df9f;border-radius:6px}.trip-price b{display:block;color:#d04b35;font-size:20px;line-height:1.15}.trip-price span{display:block;margin-top:3px;color:#7c6b44;font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}