/* Scoped footer CSS - generated from footer.css */
/* All rules scoped to .section.footer to prevent global bleed-out */

@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.section.footer,.section.footer :before,.section.footer :after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-gradient-position:initial;--tw-gradient-from:initial;--tw-gradient-via:initial;--tw-gradient-to:initial;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}

.section.footer{flex-direction:column;align-items:stretch;height:auto;--font-sans:"DVN - Beaufort",sans-serif;--font-serif:"DVN - Shield",serif;--font-mono:"Roboto",sans-serif;--spacing:.25rem;--breakpoint-xl:80rem;--container-xl:36rem;--font-weight-normal:400;--font-weight-semibold:600;--leading-normal:1.5;--color-white:#fff;--color-primary:oklch(41.95% .1649 24.01);--color-footer-background:#272727;--color-footer-text:#fff;--text-base:1rem;--text-base--line-height:1.5;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);}

.section.footer .bg-\[var\(--color-footer-background\)\]{background-color:var(--color-footer-background)}
.section.footer .bg-clip-text{-webkit-background-clip:text;background-clip:text}
.section.footer .bg-linear-\[0deg\,rgb\(0_192_250\)_0\%\,rgb\(1_129_240\)_51\%\,rgb\(1_94_234\)_100\%\]{--tw-gradient-position:0deg,#00c0fa 0%,#0181f0 51%,#015eea 100%;background-image:linear-gradient(var(--tw-gradient-stops,0deg,#00c0fa 0%,#0181f0 51%,#015eea 100%))}
.section.footer .bg-primary{background-color:var(--color-primary)}
.section.footer .flex{display:flex}
.section.footer .flex-1{flex:1}
.section.footer .flex-2{flex:2}
.section.footer .flex-col{flex-direction:column}
.section.footer .flex-row{flex-direction:row}
.section.footer .flex-wrap{flex-wrap:wrap}
.section.footer .font-mono{font-family:var(--font-mono)}
.section.footer .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
.section.footer .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.section.footer .gap-0\.5{gap:calc(var(--spacing)*.5)}
.section.footer .gap-1{gap:calc(var(--spacing)*1)}
.section.footer .gap-10{gap:calc(var(--spacing)*10)}
.section.footer .gap-2{gap:calc(var(--spacing)*2)}
.section.footer .gap-4{gap:calc(var(--spacing)*4)}
.section.footer .gap-6{gap:calc(var(--spacing)*6)}
.section.footer .h-12{height:calc(var(--spacing)*12)}
.section.footer .h-4{height:calc(var(--spacing)*4)}
.section.footer .h-6{height:calc(var(--spacing)*6)}
.section.footer .h-fit{height:fit-content}
.section.footer .items-center{align-items:center}
.section.footer .items-start{align-items:flex-start}
.section.footer .justify-between{justify-content:space-between}
.section.footer .justify-center{justify-content:center}
.section.footer .justify-start{justify-content:flex-start}
.section.footer .leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}
.section.footer .max-w-screen-xl{max-width:var(--breakpoint-xl)}
.section.footer .min-w-14{min-width:calc(var(--spacing)*14)}
.section.footer .min-w-fit{min-width:fit-content}
.section.footer .ml-1{margin-left:calc(var(--spacing)*1)}
.section.footer .mt-0\.5{margin-top:calc(var(--spacing)*.5)}
.section.footer .mx-auto{margin-inline:auto}
.section.footer .object-contain{object-fit:contain}
.section.footer .pt-6{padding-top:calc(var(--spacing)*6)}
.section.footer .px-4{padding-inline:calc(var(--spacing)*4)}
.section.footer .py-4{padding-block:calc(var(--spacing)*4)}
.section.footer .size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}
.section.footer .text-\[6px\]{font-size:6px}
.section.footer .text-\[8px\]{font-size:8px}
.section.footer .text-\[var\(--color-footer-text\)\]{color:var(--color-footer-text)}
.section.footer .text-center{text-align:center}
.section.footer .text-left{text-align:left}
.section.footer .text-transparent{color:#0000}
.section.footer .text-white{color:var(--color-white)}
.section.footer .w-auto{width:auto}
.section.footer .w-full{width:100%}
.section.footer .z-20{z-index:20}

/* Mobile fix: resize.js scales 1rem=(viewport/1080)px so rem breakpoints become too small.
   Use px breakpoints to match real Tailwind lg=1024px, md=768px, xl=1280px */
@media (min-width:1024px){
.section.footer .lg\:flex{display:flex}
.section.footer .lg\:gap-1\.5{gap:calc(var(--spacing)*1.5)}
.section.footer .lg\:gap-10{gap:calc(var(--spacing)*10)}
.section.footer .lg\:gap-4{gap:calc(var(--spacing)*4)}
.section.footer .lg\:gap-8{gap:calc(var(--spacing)*8)}
.section.footer .lg\:h-12{height:calc(var(--spacing)*12)}
.section.footer .lg\:h-16{height:calc(var(--spacing)*16)}
.section.footer .lg\:h-48{height:calc(var(--spacing)*48)}
.section.footer .lg\:justify-center{justify-content:center}
.section.footer .lg\:min-h-\[310px\]{min-height:310px}
.section.footer .lg\:min-h-72{min-height:calc(var(--spacing)*72)}
.section.footer .lg\:min-w-48{min-width:calc(var(--spacing)*48)}
.section.footer .lg\:mt-1{margin-top:calc(var(--spacing)*1)}
.section.footer .lg\:pt-8{padding-top:calc(var(--spacing)*8)}
.section.footer .lg\:px-8{padding-inline:calc(var(--spacing)*8)}
.section.footer .lg\:py-6{padding-block:calc(var(--spacing)*6)}
.section.footer .lg\:size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}
.section.footer .lg\:text-base{font-size:16px;line-height:1.5}
.section.footer .lg\:text-xl{font-size:20px;line-height:1.4}
.section.footer .lg\:w-64{width:calc(var(--spacing)*64)}
.section.footer .lg\:w-xl{width:var(--container-xl)}
}

@media (min-width:768px){
.section.footer .md\:h-24{height:calc(var(--spacing)*24)}
}

@media (min-width:1280px){
.section.footer .xl\:pt-10{padding-top:calc(var(--spacing)*10)}
}

/* Mobile override: fix rem-based variables that become near-zero due to resize.js font scaling */
@media (max-width:1023px){
.section.footer{
    --spacing:4px;
    --breakpoint-xl:100vw;
}
}

/* Expand .wrap to show column-stacked footer (original was overflow:hidden + fixed height) */
.wrap:has(.section.footer) {
    height: auto;
    min-height: 3288px;
    overflow: visible;
}

@media (max-width: 1200px) {
    .wrap:has(.section.footer) {
        min-height: 4600rem;
    }
}

/* Logo footer 2x */
.section.footer #thong-tin-tro-choi img {
    height: calc(var(--spacing) * 24);
    width: auto;
}

@media (min-width: 768px) {
    .section.footer #thong-tin-tro-choi img {
        height: calc(var(--spacing) * 48);
    }
}

@media (min-width: 1024px) {
    .section.footer #thong-tin-tro-choi img {
        height: calc(var(--spacing) * 60);
        width: auto;
    }
}