.nav{position:fixed;top:0px;z-index:1000;width:100%;background-color:#FFFFFFE6;box-shadow:0px 2px 20px 0px #0000000D;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav__container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max);margin-right:auto;margin-left:auto;padding-top:var(--spacing-sm);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-sm);padding-left:var(--spacing-lg)}.nav__logo{position:relative;color:var(--ocean-deep);font-family:var(--font-display);font-weight:900;font-size:var(--text-2xl)}.nav__logo::after{position:absolute;bottom:-5px;left:0px;width:0px;height:3px;background-image:linear-gradient(90deg,rgba(46,184,184,1) 0%,rgba(255,107,107,1) 100%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll;transition:width 400ms ease}.nav__logo::after{content:''}.nav__logo:hover::after{width:100%}.hero{display:flex;justify-content:center;position:relative;min-height:100vh;overflow:hidden;padding-top:80px}.hero__content{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:4rem;position:relative;z-index:1;max-width:var(--container-max);margin-right:auto;margin-left:auto;padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}@media (max-width:1023px){.hero__content{grid-template-columns:1fr}}.hero__text{animation:fadeInLeft 1s ease-out}@media (max-width:1023px){.hero__text{display:flex;flex-flow:column;align-items:center;text-align:center}}.hero__image{position:relative}.hero__image{animation:fadeInRight 1s ease-out 0.2s backwards}.hero__title{color:var(--ocean-deep);font-family:var(--font-display);font-weight:900;font-size:4.5rem;margin-bottom:var(--spacing-md)}.hero__title .highlight{display:inline-block;position:relative;background-image:linear-gradient(135deg,rgba(46,184,184,1) 0%,rgba(30,111,159,1) 100%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll}.hero__title .highlight{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:1119px){.hero__title{font-size:3.5rem}}@media (max-width:767px){.hero__title{font-size:var(--text-3xl)}}.hero__subtitle{margin-bottom:var(--text-3xl)}.hero__search{display:flex;gap:1rem;width:calc(100vw - 100px);max-width:var(--container-sm);margin-bottom:var(--spacing-lg)}.hero__search{.search-input{flex:1;padding:1.2rem 1.8rem;font-family:var(--font-body);font-size:1rem;border:2px solid rgba(10,61,98,0.1);border-radius:50px;background:var(--white);transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.05);&:focus{outline:none;border-color:var(--turquoise);box-shadow:0 6px 25px rgba(46,184,184,0.2)}}.search-button{padding:1.2rem 2.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--white);background:linear-gradient(135deg,var(--sunset-coral),var(--sunset-orange));border:none;border-radius:50px;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;text-transform:uppercase;letter-spacing:1px;&:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,107,107,0.4)}}}@media (max-width:767px){.hero__search{flex-flow:column}}.hero__stats{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.stat-item{text-align:start}.stat-number{display:block;color:var(--ocean-blue);font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl)}@media (max-width:767px){.stat-number{font-size:var(--text-2xl)}}.stat-label{color:var(--text-grey);font-family:var(--font-sans);font-weight:500;font-size:0.9rem;text-transform:uppercase}@media (max-width:767px){.stat-label{font-size:var(--text-xs)}}.image__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:relative}.image__grid .image-card{img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}&:hover img{transform:scale(1.1)}&:nth-child(1){grid-row:span 2;animation:floatImage 6s ease-in-out infinite}&:nth-child(2){animation:floatImage 7s ease-in-out infinite 1s}&:nth-child(3){animation:floatImage 8s ease-in-out infinite 2s}}@media (max-width:767px){.image__grid{grid-template-columns:1fr}}.image-card{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);transition:transform 500ms ease,box-shadow 500ms ease;box-shadow:0px 10px 40px 0px #0000001A}.image-card:hover{box-shadow:0px 20px 60px 0px #00000040;transform:scale(1.1,1.1)}.image-label{position:absolute;bottom:20px;left:20px;color:var(--ocean-deep);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);letter-spacing:0.5px;padding-top:var(--spacing-xs);padding-right:var(--text-xl);padding-bottom:var(--spacing-xs);padding-left:var(--text-xl);background-color:#FFFFFFE6;border-radius:30px;box-shadow:0px 4px 15px 0px #0000001A;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.section{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.container{max-width:var(--container-max);margin-right:auto;margin-left:auto;padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}.section__header{max-width:var(--container-narrow);text-align:center;margin-right:auto;margin-bottom:var(--spacing-3xl);margin-left:auto}.section__header{animation:fadeInUp 0.8s ease-out}.section__title{color:var(--ocean-deep);font-family:var(--font-display);font-weight:900;font-size:var(--text-4xl);line-height:1.2;letter-spacing:-1px}.section__subtitle{color:var(--turquoise);font-family:var(--font-sans);font-weight:600;font-size:0.9rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-sm)}.destinations__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.destinations__grid{.destination-card:hover{.destination-card__image{transform:scale(1.1)}.destination-card__overlay{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.5) 50%,rgba(0,120,150,0.95) 100%)}.destination-card__cta{opacity:1;transform:translateY(0)}}}.destination-card:nth-child(1){animation:fadeIn 0.6s ease 0.1s backwards}.destination-card:nth-child(2){animation:fadeIn 0.6s ease 0.2s backwards}.destination-card:nth-child(3){animation:fadeIn 0.6s ease 0.3s backwards}.destination-card:nth-child(4){animation:fadeIn 0.6s ease 0.4s backwards}.destination-card:nth-child(5){animation:fadeIn 0.6s ease 0.5s backwards}.destination-card:nth-child(6){animation:fadeIn 0.6s ease 0.6s backwards}@media (max-width:1023px){.destinations__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.destinations__grid{grid-template-columns:1fr}}.destination-card{position:relative;height:500px;overflow:hidden;border-radius:25px;cursor:pointer;transition:transform 500ms ease,box-shadow 500ms ease;box-shadow:0px 15px 50px 0px var(--shadow-lg-color)}.destination-card:hover{box-shadow:0px 12px 48px 0px var(--shadow-lg-color);transform:translate3d(0px,-8px,0px)}.destination-card{animation:fadeInUp 0.8s ease-out backwards;opacity:1;transform:translateY(0px)}.destination-card__image{width:100%;height:100%;object-fit:cover;transition:transform 700ms ease}.destination-card__overlay{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-image:linear-gradient(180deg,rgba(0,0,0,0.003) 0%,rgba(0,0,0,0.009000000000000001) 100%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll;transition:background 300ms ease}.destination-card__content{position:absolute;right:0px;bottom:0px;left:0px;color:var(--white);padding-top:var(--spacing-xl);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-xl);padding-left:var(--spacing-lg);transition:transform 300ms ease;transform:translate3d(0px,0px,0px)}.destination-card__name{color:var(--white);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--spacing-xs)}.destination-card__description{font-size:var(--text-base);margin-bottom:var(--spacing-sm);opacity:0.9}.destination-card__tags{display:flex;flex-flow:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.destination-card__tag{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.5px;padding-top:var(--spacing-xs);padding-right:var(--spacing-sm);padding-bottom:var(--spacing-xs);padding-left:var(--spacing-sm);background-color:#FFF3;border-radius:var(--border-radius-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.destination-card__cta{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;opacity:0;transition:all 300ms ease;transform:translate3d(0px,10px,0px)}.guide-card{display:flex;flex-flow:column;overflow:hidden;background-color:var(--white);border-radius:var(--border-radius-lg);cursor:pointer;transition:transform 400ms ease,box-shadow 400ms ease;box-shadow:var(--shadow-lg) 2px 8px 0px var(--shadow-lg-color)}.guide-card:hover{box-shadow:0px 20px 50px 0px var(--shadow-lg-color);transform:translate3d(0px,-10px,0px)}.guide-card:hover{.guide-card__image{transform:scale(1.1)}.guide-card__title{color:var(--ocean-blue)}}.guide-card{animation:fadeInUp 0.8s ease-out backwards}.guides__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.guides__grid{.guide-card:nth-child(1){animation-delay:0.1s}.guide-card:nth-child(2){animation-delay:0.2s}.guide-card:nth-child(3){animation-delay:0.3s}.guide-card:nth-child(4){animation-delay:0.4s}.guide-card:nth-child(5){animation-delay:0.5s}.guide-card:nth-child(6){animation-delay:0.6s}}@media (max-width:1119px){.guides__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.guides__grid{grid-template-columns:1fr}}.guide-card__image-wrapper{position:relative;height:240px;overflow:hidden}.guide-card__category{color:var(--turquoise);font-family:var(--font-sans);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.guide-card__content{display:flex;flex-flow:column;flex-grow:1;flex-shrink:1;padding-top:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:var(--spacing-md);padding-left:var(--spacing-md)}.guide-card__title{color:var(--ocean-deep);font-family:var(--font-display);font-weight:700;font-size:1.4rem;line-height:1.3;margin-bottom:var(--spacing-sm);transition:color 300ms ease}.guide-card__excerpt{flex-grow:1;flex-shrink:1;color:var(--text-grey);font-size:0.95rem;line-height:1.7;margin-bottom:var(--spacing-md)}.guide-card__meta{display:flex;gap:var(--spacing-md);color:var(--text-grey);font-family:var(--font-sans);font-size:0.8rem;margin-bottom:var(--spacing-sm)}.guide-card__image{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease}.guide-card__link{display:inline-block;color:var(--ocean-blue);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;transition:color 300ms ease,transform 300ms ease}.guide-card__link:hover{color:var(--turquoise);transform:translate3d(5px,0px,0px)}.read-time::before{content:'⏱ ';margin-right:0.3rem}.views::before{content:'👁';margin-right:0.3rem}.countries{position:relative;overflow:hidden;color:var(--white);background-color:var(--neutral-1000)}.countries::before{position:absolute;top:0px;right:0px;bottom:0px;left:0px}.countries::before{content:'';background-image:radial-gradient(circle at 20% 30%,rgba(0,120,150,0.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(123,168,163,0.15) 0%,transparent 50%)}.countries__container{position:relative;z-index:1}.countries__grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:400px 400px;gap:var(--spacing-md)}.countries__grid{.country-card:hover .country-card__background{transform:scale(1.1)}.country-card__overlay{background:linear-gradient(to bottom,transparent 0%,rgba(0,120,150,0.6) 60%,rgba(0,120,150,0.95) 100%)}.country-card:nth-child(1){animation-delay:0.1s}.country-card:nth-child(2){animation-delay:0.2s}.country-card:nth-child(3){animation-delay:0.3s}.country-card:nth-child(4){animation-delay:0.4s}.country-card:nth-child(5){animation-delay:0.5s}.country-card:nth-child(6){animation-delay:0.6s}.country-card:nth-child(7){animation-delay:0.7s}.country-card:nth-child(8){animation-delay:0.8s}}@media (max-width:1023px){.countries__grid{grid-template-columns:1fr 1fr;grid-template-rows:350px 350px 350px}}@media (max-width:767px){.countries__grid{grid-template-rows:repeat(5,300px)}}@media (max-width:479px){.countries__grid{grid-template-columns:1fr}}.country-card{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);cursor:pointer;transition:all 300ms ease}.country-card:hover{transform:scale(1.02)}.country-card{animation:fadeInUp 0.8s ease-out backwards}.country-card--large{grid-row:span 2}@media (max-width:767px){.country-card--large{grid-row:span 1}}.country-card__background{position:absolute;top:0px;right:0px;bottom:0px;left:0px;transition:transform 500ms ease}.country-card__overlay{position:absolute;top:0px;right:0px;bottom:0px;left:0px}.country-card__overlay{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.9) 100%);transition:background var(--transition-base)}.country-card__content{position:absolute;right:0px;bottom:0px;left:0px;padding-top:var(--spacing-2xl);padding-right:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);padding-left:var(--spacing-2xl)}.country-card__name{color:var(--white);font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--spacing-sm)}.country-card__stats{font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--spacing-md);opacity:0.9}.country-card__cities{font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.6;opacity:0.8}.vietnam{background-image:url(https://asiatripblog.com/wp-content/uploads/2026/02/vietnam__top-destination__hanoi.webp);background-size:cover;background-position:0 0;background-repeat:repeat;background-attachment:scroll}.thailand{background-image:url(https://asiatripblog.com/wp-content/uploads/2026/02/thailand__top-destination__rachasima.webp);background-size:cover;background-position:0 0;background-repeat:repeat;background-attachment:scroll}.cambodia{background-image:url(https://asiatripblog.com/wp-content/uploads/2026/02/cambodia__top-destination__siemreap.webp);background-size:cover;background-position:0 0;background-repeat:repeat;background-attachment:scroll}.laos{background-image:url(https://asiatripblog.com/wp-content/uploads/2026/02/laos__top-destination__ban-nongbone.webp);background-size:cover;background-position:0 0;background-repeat:repeat;background-attachment:scroll}.china{background-image:url(https://asiatripblog.com/wp-content/uploads/2026/02/china__top-destination__beijing.webp);background-size:cover;background-position:0 0;background-repeat:repeat;background-attachment:scroll}.categories__grid{display:grid;grid-template-columns:repeat(4,1fr);;gap:var(--spacing-lg)}.categories__grid{.category-card:nth-child(1){animation-delay:0.1s}.category-card:nth-child(2){animation-delay:0.2s}.category-card:nth-child(3){animation-delay:0.3s}.category-card:nth-child(4){animation-delay:0.4s}.category-card:nth-child(5){animation-delay:0.5s}.category-card:nth-child(6){animation-delay:0.6s}.category-card:nth-child(2){border-top-color:var(--color-accent)}.category-card:nth-child(3){border-top-color:var(--color-secondary)}.category-card:nth-child(4){border-top-color:var(--color-warm)}}@media (max-width:1023px){.categories__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.categories__grid{grid-template-columns:1fr}}.category-card{text-align:center;padding-top:var(--spacing-2xl);padding-right:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);padding-left:var(--spacing-2xl);background-color:var(--white);border-radius:var(--border-radius-lg);border-top:4px solid var(--ocean-blue);transition:all 300ms ease;box-shadow:0px 4px 16px 0px var(--shadow-md-color)}.category-card:hover{box-shadow:0px 12px 48px 0px var(--shadow-xl-color);transform:translate3d(0px,-8px,0px)}.category-card__icon{display:block;font-size:var(--text-5xl);margin-bottom:var(--spacing-lg)}.category-card__title{color:var(--ocean-deep);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.2;margin-bottom:var(--spacing-sm)}.category-card__description{color:var(--text-grey);font-size:0.95rem;line-height:1.7;margin-bottom:var(--spacing-md)}.category-card__link{display:inline-block;color:var(--turquoise);font-family:var(--font-sans);font-weight:600;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;transition:color 300ms ease,transform 300ms ease}.category-card__link:hover{color:var(--turquoise);transform:translate3d(5px,0px,0px)}.newsletter__container{position:relative;z-index:1;max-width:960px;text-align:center;margin-right:auto;margin-left:auto;padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}.newsletter__box{position:relative;overflow:hidden;padding-top:var(--spacing-2xl);padding-right:var(--spacing-xl);padding-bottom:var(--spacing-2xl);padding-left:var(--spacing-xl);background-image:linear-gradient(135deg,rgba(10,61,98,1) 0%,rgba(30,111,159,1) 98.7588121144045%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll;border-radius:30px;box-shadow:0px 20px 60px 0px #0A3D624D}.newsletter__box::before{position:absolute;top:-50%;right:-30%;width:300px;height:300px;border-radius:50%}.newsletter__box::before{content:'';background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%)}.newsletter__title{position:relative;color:var(--white);font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--spacing-sm)}.newsletter__subtitle{color:#FFFFFFE6;font-size:var(--text-base);margin-bottom:2.5rem}.footer__content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin-bottom:var(--spacing-xl)}@media (max-width:1023px){.footer__content{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--spacing-lg)}}@media (max-width:767px){.footer__content{grid-template-columns:1fr}}.footer__logo{font-family:var(--font-display);font-weight:900;font-size:var(--text-2xl)}.footer__tagline{color:#FFFC;font-family:var(--font-body);font-weight:600;font-size:var(--text-base);margin-bottom:var(--spacing-sm)}.footer__description{color:#FFFC;font-family:var(--font-body);font-size:0.95rem;line-height:1.7;margin-bottom:var(--spacing-md)}.footer__social{display:flex;gap:var(--spacing-sm)}.footer__social-link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:var(--white);font-size:1rem;text-decoration:none;background-color:#FFFFFF1A;border-radius:50%;transition:transform 300ms ease,background 300ms ease}.footer__social-link:hover{background-color:var(--turquoise);transform:translate3d(0px,-3px,0px)}.footer__section-title{font-family:var(--font-sans);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.footer__links{list-style:none;margin:0;padding:0}.footer__link{display:inline-block;color:#FFFFFFB3;font-family:var(--font-body);font-size:0.9rem;text-decoration:none}.footer__link:hover{color:var(--turquoise);padding-left:5px}.footer__link{transition:color 0.3s ease,padding-left 0.3s ease}.footer{position:relative;z-index:1;color:var(--white);padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-lg);background-color:var(--ocean-deep)}.footer__bottom{color:#FFF9;font-family:var(--font-sans);font-size:var(--text-sm);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid #FFFFFF1A}.article-header{text-align:center;padding-top:120px}