:root{--c-midnight:#1A2332;--c-navy:#2A3F66;--c-ocean:#4A6B8A;--c-gold:#B8860B;--c-gold-light:#C9A961;--c-gold-dark:#8B6914;--c-gold-pale:#FAF0D5;--c-gold-shine:linear-gradient(135deg, #B8860B 0%, #D4A845 50%, #B8860B 100%);--c-burgundy:#8B4513;--c-cream:#FAF6EF;--c-ivory:#FAF7F2;--c-sand:#F0E6D2;--c-bg:#FAF7F2;--c-surface:#FFFFFF;--c-border:#E6DFD0;--c-text:#1A2332;--c-text-2:#4A5568;--c-muted:#6B7280;--c-placeholder:#9CA3AF;--c-success:#10B981;--c-warning:#F59E0B;--c-error:#EF4444;--c-discount:#DC2626;--font-display:'Noto Serif', Georgia, serif;--font-body:'Jost', system-ui, -apple-system, sans-serif;--t-hero:clamp(2.4rem, 5vw, 4.5rem);--t-h1:clamp(1.875rem, 3.5vw, 3rem);--t-h2:clamp(1.5rem, 2.5vw, 2.25rem);--t-h3:clamp(1.2rem, 1.8vw, 1.625rem);--t-h4:1.25rem;--t-body:1rem;--t-sm:0.875rem;--t-xs:0.75rem;--t-price:clamp(1.375rem, 2vw, 1.875rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--max-w:1440px;--max-w-md:1200px;--gutter:clamp(1rem, 4vw, 2rem);--grid-gap:1.5rem;--shadow-sm:0 1px 3px rgba(12,27,51,0.08), 0 1px 2px rgba(12,27,51,0.06);--shadow-md:0 4px 16px rgba(12,27,51,0.10), 0 2px 8px rgba(12,27,51,0.06);--shadow-lg:0 10px 32px rgba(12,27,51,0.14), 0 4px 16px rgba(12,27,51,0.08);--shadow-xl:0 20px 60px rgba(12,27,51,0.18), 0 8px 24px rgba(12,27,51,0.10);--shadow-gold:0 4px 24px rgba(202,138,4,0.35), 0 2px 8px rgba(202,138,4,0.20);--r-sm:6px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;--ease-out:cubic-bezier(0.0, 0.0, 0.2, 1);--ease-in:cubic-bezier(0.4, 0.0, 1, 1);--ease-inout:cubic-bezier(0.4, 0.0, 0.2, 1);--dur-fast:150ms;--dur-base:250ms;--dur-slow:350ms;--z-sticky:100;--z-header:200;--z-dropdown:300;--z-modal:1000;--z-toast:1100}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--t-body);color:var(--c-text);background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}body>*{max-width:100vw}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}ul{list-style:none}input,select,textarea{font-family:inherit;font-size:16px}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);min-width:0}.container--md{max-width:var(--max-w-md)}.container--narrow{max-width:900px}.display{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}.serif{font-family:var(--font-display)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}h4,h5,h6{font-family:var(--font-body);font-weight:600}.section-label{display:inline-block;font-family:var(--font-body);font-size:var(--t-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);margin-bottom:var(--sp-3)}.section-title{font-family:var(--font-display);font-size:var(--t-h2);font-weight:700;color:var(--c-midnight);line-height:1.2;margin-bottom:var(--sp-4)}.section-subtitle{font-size:1.0625rem;color:var(--c-muted);max-width:560px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-8);height:48px;border-radius:var(--r-full);font-family:var(--font-body);font-size:var(--t-sm);font-weight:600;letter-spacing:.04em;transition:all var(--dur-base) var(--ease-out);white-space:nowrap}.btn--primary{background:linear-gradient(135deg,#CA8A04,#D4AF37);color:#0C0A09;box-shadow:var(--shadow-gold)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgb(202 138 4 / .45)}.btn--primary:active{transform:translateY(0)}.btn--outline-gold{border:2px solid var(--c-gold);color:var(--c-gold);background:#fff0}.btn--outline-gold:hover{background:var(--c-gold);color:#0C0A09}.btn--outline-white{border:2px solid rgb(255 255 255 / .7);color:#fff;background:#fff0}.btn--outline-white:hover{background:#fff;color:var(--c-midnight)}.btn--ghost{color:var(--c-gold);padding:0 var(--sp-4);height:40px}.btn--ghost:hover{color:var(--c-gold-light)}.btn--sm{height:40px;padding:0 var(--sp-6);font-size:var(--t-xs)}.btn--lg{height:56px;padding:0 var(--sp-10);font-size:1rem}.btn--full{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:var(--t-xs);font-weight:600}.badge--discount{background:var(--c-discount);color:#fff}.badge--type-nhahang{background:rgb(124 45 18 / .12);color:var(--c-burgundy)}.badge--type-thamvinh{background:rgb(12 74 110 / .12);color:var(--c-ocean)}.badge--type-quadem{background:rgb(12 27 51 / .12);color:var(--c-navy)}.badge--free{background:rgb(16 185 129 / .12);color:var(--c-success)}.badge--hot{background:linear-gradient(135deg,#CA8A04,#D4AF37);color:#0C0A09;animation:shimmer 2s infinite}.section{padding:var(--sp-20) 0}.section--sm{padding:var(--sp-12) 0}.section--lg{padding:var(--sp-24) 0}.section--dark{background:var(--c-midnight);color:#fff}.section--navy{background:var(--c-navy);color:#fff}.section--warm{background:var(--c-cream)}.section--teal{background:#EFF6FF}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap)}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--t-sm);font-weight:500;color:var(--c-text)}.form-input{height:52px;border:1.5px solid var(--c-border);border-radius:var(--r-md);padding:0 var(--sp-4);font-size:16px;color:var(--c-text);background:#fff;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);outline:none;width:100%}.form-input:focus{border-color:var(--c-gold);box-shadow:0 0 0 3px rgb(202 138 4 / .15)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.divider{height:1px;background:var(--c-border);margin:var(--sp-6) 0}.divider--gold{background:linear-gradient(90deg,transparent,var(--c-gold),transparent);height:1px;margin:var(--sp-8) 0}.stars{color:#F59E0B;letter-spacing:1px}@keyframes shimmer{0%,100%{opacity:1}50%{opacity:.85}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}99%{opacity:1;transform:translateY(0)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes countdown{from{opacity:1}to{opacity:.7}}.fade-up{animation:fadeUp 0.6s var(--ease-out) both}.fade-up--d1{animation-delay:0.1s}.fade-up--d2{animation-delay:0.2s}.fade-up--d3{animation-delay:0.3s}.fade-up--d4{animation-delay:0.4s}.skeleton{background:linear-gradient(90deg,#E5E7EB 25%,#F3F4F6 50%,#E5E7EB 75%);background-size:200% 100%;animation:skeletonSlide 1.5s infinite;border-radius:var(--r-md)}@keyframes skeletonSlide{from{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}.section{padding:var(--sp-12) 0}.section--lg{padding:var(--sp-16) 0}}