#main-content{padding-top:96px}.hero{position:relative;padding:80px 20px;background:radial-gradient(circle at 50% 50%,var(--v-gold-08) 0%,transparent 70%),linear-gradient(180deg,rgba(17,17,17,0.5) 0%,var(--bg-primary) 100%);min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--v-gold-10) 0%,transparent 70%);filter:blur(40px);z-index:0}.hero-content{position:relative;z-index:1;text-align:center;max-width:var(--max-width)}.trust-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);border-radius:var(--radius-full);font-size:13px;color:var(--text-primary);margin-bottom:24px;animation:fadeInDown 0.8s ease-out}.trust-badge::before{content:'';width:8px;height:8px;background-color:#10B981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.hero h1{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:24px;animation:fadeInUp 0.8s ease-out 0.1s both}.hero h1 br{display:block}.hero h1 .gold{background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s infinite}@keyframes shimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}.hero-description{font-size:16px;color:var(--text-secondary);margin-bottom:40px;animation:fadeInUp 0.8s ease-out 0.2s both}.hero-stats{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.3s both}.stat-item{text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--gold);display:block}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.hero-categories{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.4s both}.category-pill{padding:8px 16px;background-color:var(--v-gold-10);border:1px solid var(--v-gold-30);border-radius:var(--radius-full);font-size:13px;color:var(--text-primary);transition:all 0.3s;white-space:nowrap}.category-pill:hover{background-color:var(--v-gold-20);border-color:var(--gold);transform:translateY(-2px)}.hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.5s both}.hero-btn-primary{padding:14px 32px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--bg-primary);border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all 0.3s}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--v-gold-30)}.btn-outline{padding:14px 32px;background-color:transparent;border:1.5px solid var(--gold);color:var(--gold);border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all 0.3s}.btn-outline:hover{background-color:var(--v-gold-10);transform:translateY(-2px)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.city-guide{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.section-label{display:inline-block;font-size:12px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.home-section-title{font-size:40px;font-weight:700;margin-bottom:48px;color:var(--text-primary)}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.city-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);cursor:pointer;aspect-ratio:3/4;transition:all 0.3s}.city-card-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.city-card:hover .city-card-image{transform:scale(1.08)}.city-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(0,0,0,0.5)}.city-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.9) 100%)}.city-name{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.city-count{font-size:14px;color:var(--text-secondary);margin-top:4px}.city-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.city-dot--hcm{background-color:var(--city-hcm)}.city-dot--dn{background-color:var(--city-dn)}.city-dot--hn{background-color:var(--city-hn)}.city-dot--nt{background-color:var(--city-nt)}.city-tabs{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px}.tabs-nav{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-button{padding:10px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:12px;white-space:nowrap;font-weight:600;cursor:pointer;transition:all 0.3s;margin-bottom:-1px}.tab-button.active{color:var(--gold);border-bottom-color:var(--gold)}.tab-button:hover{color:var(--text-primary)}.tab-content{display:none;animation:fadeIn 0.3s ease-out}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.home-glass-card{background-color:rgba(25,25,25,0.85);backdrop-filter:blur(14px);border:1px solid var(--v-gold-30);border-radius:var(--radius-lg);padding:32px}.city-content{display:flex;flex-direction:column}.city-content h3{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.city-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.city-description{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.city-stats-group{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.city-stat{text-align:center}.city-stat-value{font-size:24px;font-weight:700;color:var(--gold)}.city-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.city-tags{display:flex;gap:8px;flex-wrap:wrap}.home-tag{padding:6px 12px;background-color:var(--v-gold-10);border:1px solid var(--v-gold-20);border-radius:var(--radius-sm);font-size:12px;color:var(--text-primary)}.category-guide{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{background-color:var(--bg-secondary);border:1px solid var(--v-gold-10);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s;cursor:pointer;display:flex;flex-direction:column}.category-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 32px var(--v-gold-15)}.category-image{display:none}.category-content{padding:16px;flex:1;display:flex;flex-direction:column}.category-icon{font-size:24px;margin-bottom:8px}.category-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.category-count{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.category-description{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.category-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:0}.chip{padding:5px 12px;background-color:var(--v-gold-10);border-radius:var(--v-radius-md);font-size:11px;color:var(--v-text-md);white-space:nowrap}.category-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gold);transition:gap 0.3s;margin-top:auto;padding-top:12px;border-top:1px solid var(--v-gold-10);width:100%}.category-card:hover .category-link{gap:10px}.blog-section{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.blog-tabs-nav{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.blog-tab-btn{padding:10px 24px;background:transparent;border:1px solid var(--v-gold-20);border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:8px}.blog-tab-btn:hover{border-color:var(--gold);color:var(--gold)}.blog-tab-btn.active{background:linear-gradient(135deg,var(--gold),var(--gold-light));border-color:var(--gold);color:var(--bg-primary)}.blog-tab-btn .tab-icon{font-size:14px}.blog-tab-content{display:none}.blog-tab-content.active{display:block}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background-color:var(--bg-primary);border:1px solid var(--v-gold-10);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 32px var(--v-gold-15)}.blog-thumbnail{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,var(--v-gold-20),rgba(17,17,17,0.8));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:32px}.blog-body{padding:20px;flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.blog-category-tag{padding:3px 8px;background-color:var(--v-gold-15);border-radius:4px;font-size:11px;font-weight:600;color:var(--gold)}.blog-date{font-size:11px;color:var(--text-secondary)}.blog-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.blog-read-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--gold);transition:gap 0.3s;margin-top:auto}.blog-card:hover .blog-read-more{gap:10px}.blog-view-all{text-align:center;margin-top:40px}.blog-view-all a{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;border:1px solid var(--gold);border-radius:var(--radius-full);color:var(--gold);font-size:14px;font-weight:600;transition:all 0.3s}.blog-view-all a:hover{background-color:var(--gold);color:var(--bg-primary)}.howto-guide{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.howto-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.step{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--bg-primary);margin:0 auto 16px}.step-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.step-description{font-size:12px;color:var(--text-secondary);line-height:1.6}.why-vietner{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.reason-card{background-color:var(--bg-secondary);border:1px solid var(--v-gold-10);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all 0.3s}.reason-card:hover{transform:translateY(-4px);border-color:var(--gold);background-color:var(--v-gold-04)}.reason-icon{font-size:40px;margin-bottom:16px}.reason-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.reason-description{font-size:13px;color:var(--text-secondary);line-height:1.6}.home-faq{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.home-faq .faq-list{max-width:var(--max-width);margin:0 auto}.cta-section{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.cta-section h2{font-size:40px;font-weight:700;margin-bottom:16px;color:var(--text-primary);text-align:center}.cta-section p{font-size:14px;color:var(--text-secondary);margin-bottom:32px;text-align:center}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-kakao{padding:12px 28px;background-color:var(--v-kakao-bg);color:var(--v-kakao-text);border-radius:var(--v-radius-md);font-size:var(--v-fs-body);font-weight:var(--v-fw-semibold);transition:transform var(--v-dur-base) var(--v-ease-out),box-shadow var(--v-dur-base) var(--v-ease-out);display:flex;align-items:center;gap:8px}.btn-kakao:hover{transform:translateY(-2px);box-shadow:var(--v-shadow-kakao)}.btn-telegram{padding:12px 28px;background-color:var(--v-telegram-bg);color:var(--v-telegram-text);border-radius:var(--v-radius-md);font-size:var(--v-fs-body);font-weight:var(--v-fw-semibold);transition:transform var(--v-dur-base) var(--v-ease-out),box-shadow var(--v-dur-base) var(--v-ease-out);display:flex;align-items:center;gap:8px}.btn-telegram:hover{transform:translateY(-2px);box-shadow:var(--v-shadow-telegram)}.about-section{padding:56px 32px;margin:32px 0;background-color:rgba(255,255,255,0.02);border:1px solid var(--v-gold-12);border-radius:20px;text-align:center}.about-content{max-width:var(--max-width);margin:0 auto}.about-content h2{font-size:36px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.about-content p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.about-stat{padding:20px;background-color:var(--v-gold-04);border:1px solid var(--v-gold-10);border-radius:var(--radius-md);text-align:center}.about-stat-value{font-size:24px;font-weight:700;color:var(--gold)}.about-stat-label{font-size:12px;color:var(--text-secondary);margin-top:8px}@media (max-width:1024px){.city-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.howto-steps{grid-template-columns:repeat(2,1fr)}.reason-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}}@media (max-width:768px){.city-guide,.city-tabs,.category-guide,.blog-section,.howto-guide,.why-vietner,.home-faq,.cta-section,.about-section{padding:16px 12px;margin:12px 0;border-radius:16px}.home-section-title{font-size:28px}.city-grid{grid-template-columns:repeat(2,1fr);gap:12px}.city-card{aspect-ratio:2/3}.category-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.howto-steps{grid-template-columns:1fr}.reason-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.hero{padding:60px 16px;min-height:500px}.hero h1{font-size:32px}.hero-stats{gap:20px}.stat-value{font-size:24px}.hero-buttons{gap:12px}.hero-btn-primary,.btn-outline{padding:12px 24px;font-size:13px}}@media (max-width:480px){.hero{padding:40px 16px;min-height:400px}.hero h1{font-size:24px}.hero-stats{gap:12px;justify-content:space-around}.stat-value{font-size:18px}.stat-label{font-size:11px}.home-section-title{font-size:20px;margin-bottom:24px}.city-guide,.city-tabs,.category-guide,.blog-section,.howto-guide,.why-vietner,.home-faq,.cta-section,.about-section{padding:40px 16px}.category-grid{grid-template-columns:1fr}.category-image{height:120px}.step-number{width:50px;height:50px;font-size:20px}.tabs-nav{gap:0}.tab-button{padding:10px 16px;font-size:12px}}@media (max-width:380px){.hero-categories{gap:8px}.category-pill{padding:6px 12px;font-size:12px}.hero-btn-primary,.btn-outline{padding:10px 20px}}