@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{--color-primary:#0756c9;--color-primary-dark:#063f9f;--color-primary-light:#2874ed;--color-navy:#10265c;--color-accent:#ff7618;--color-accent-hover:#f5660a;--color-accent-soft:#fff3eb;--color-white:#fff;--color-bg:#f7faff;--color-surface:#fff;--color-soft-blue:#eaf5ff;--color-soft-blue-border:#d8ecff;--color-text-main:#172b4d;--color-text-secondary:#62769a;--color-text-muted:#899bb5;--color-text-light:#fff;--color-border:#e2ebf7;--color-border-card:#eaf0fa;--shadow-sm:0 2px 8px #0756c90d;--shadow-card:0 8px 24px -4px #10265c12, 0 2px 6px -1px #10265c0a;--shadow-hover:0 16px 36px -6px #0756c924, 0 6px 12px -2px #10265c0f;--shadow-hero-card:0 12px 32px #0000001f, 0 4px 12px #0000000f;--shadow-orange-glow:0 8px 20px #ff761859;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-family:Plus Jakarta Sans,Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.admin-container,.container,.main-container{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}@media (width>=1600px){.admin-container,.container,.main-container{max-width:1440px;padding-left:48px;padding-right:48px}}@media (width<=1024px){.admin-container,.container,.main-container{padding-left:24px;padding-right:24px}}@media (width<=640px){.admin-container,.container,.main-container{padding-left:16px;padding-right:16px}}.btn-primary-orange{background-color:var(--color-accent);color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-orange-glow);transition:all var(--transition-normal);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary-orange:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px #ff761873}.btn-primary-orange:active{transform:translateY(0)}.btn-outline-white{color:var(--color-white);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-normal);white-space:nowrap;background:#ffffff1f;border:1.5px solid #ffffff59;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-outline-white:hover{background:#ffffff38;border-color:#fff9;transform:translateY(-2px)}.btn-outline-blue{background:var(--color-white);color:var(--color-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-outline-blue:hover{border-color:var(--color-primary);background-color:var(--color-soft-blue)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleSubtle{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0756c933}50%{box-shadow:0 0 0 8px #0756c900}}.animate-float{animation:4.5s ease-in-out infinite floatGentle}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.is-revealed{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:80ms}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}.stagger-4{transition-delay:.32s}.stagger-5{transition-delay:.4s}.stagger-6{transition-delay:.48s}.interactive-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}.interactive-card:hover{border-color:#bae6fd;transform:translateY(-4px);box-shadow:0 16px 32px -6px #0756c91f,0 4px 12px -2px #10265c0d}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;background-attachment:scroll!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}.reveal{opacity:1!important;transform:none!important}}.vanhieu-app-root[data-v-fcbef326]{flex-direction:column;min-height:100vh;display:flex}