@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color:#1b4332;--primary-light:#2d6a4f;--accent-color:#d90429;--accent-light:#ef233c;--bg-color:#fffdf7;--text-main:#2b2b2b;--text-muted:#666;--white:#fff;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--gray-100);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}#root{justify-content:center;min-height:100vh;display:flex}.container{background-color:var(--white);width:100%;max-width:480px;min-height:100vh;box-shadow:var(--shadow-md);position:relative;overflow-x:hidden}h1,h2,h3,h4{color:var(--primary-color);line-height:1.2}p{margin-bottom:var(--spacing-sm)}.btn{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;width:100%;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-zalo{color:var(--white);background-color:#0068ff;box-shadow:0 4px 12px #0068ff4d}.btn-zalo:hover{background-color:#0054cc}.btn-primary{background-color:var(--accent-color);color:var(--white);box-shadow:0 4px 12px #d904294d}.btn-primary:hover{background-color:var(--accent-light)}.btn-outline{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#0000}.section{padding:var(--spacing-xl) var(--spacing-md)}.section-bg-light{background-color:var(--bg-color)}.section-bg-primary{background-color:var(--primary-color);color:var(--white)}.section-title{text-align:center;margin-bottom:var(--spacing-lg);font-size:24px;font-weight:800}.section-bg-primary .section-title{color:var(--white)}.text-center{text-align:center}.text-accent{color:var(--accent-color)}.text-primary{color:var(--primary-color)}.text-white{color:var(--white)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.w-full{width:100%}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-0{margin-bottom:0}.p-md{padding:var(--spacing-md)}.card{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);border:1px solid var(--gray-200)}.img-placeholder{color:var(--text-muted);border-radius:var(--radius-sm);background:linear-gradient(135deg,#e5e7eb 0%,#f3f4f6 100%);justify-content:center;align-items:center;width:100%;font-size:14px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}@keyframes shine{to{background-position:200%}}.shine-accent{background:linear-gradient(120deg, var(--accent-color) 0%, var(--accent-color) 40%, #ff8a9a 50%, var(--accent-color) 60%, var(--accent-color) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite shine;display:inline-block}.shine-orange{color:#0000;background:linear-gradient(120deg,#9a3412 0% 40%,#fb923c 50%,#9a3412 60% 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3s linear 1s infinite shine;display:inline-block}