@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:wght@100..800&family=Xanh+Mono:ital@0;1&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-left-\[1\.5vw\]{left:-1.5vw}.-top-\[1\.5vw\]{top:-1.5vw}.bottom-\[1\%\]{bottom:1%}.bottom-\[2vw\]{bottom:2vw}.bottom-\[6vw\]{bottom:6vw}.left-0{left:0}.left-1\/2{left:50%}.left-\[2vw\]{left:2vw}.left-\[3\%\]{left:3%}.left-\[3vw\]{left:3vw}.left-\[55vw\]{left:55vw}.right-0{right:0}.right-\[1\%\]{right:1%}.right-\[2vw\]{right:2vw}.right-\[4vw\]{right:4vw}.top-0{top:0}.top-5{top:1.25rem}.top-\[3vw\]{top:3vw}.-z-10{z-index:-10}.-z-20{z-index:-20}.-z-40{z-index:-40}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.col-start-2{grid-column-start:2}.col-start-6{grid-column-start:6}.-mb-\[0\.25vw\]{margin-bottom:-.25vw}.-mb-\[0\.421vw\]{margin-bottom:-.421vw}.-mb-\[1vw\]{margin-bottom:-1vw}.-ml-\[3vw\]{margin-left:-3vw}.-ml-\[4rem\]{margin-left:-4rem}.-mr-\[3vw\]{margin-right:-3vw}.-mr-\[4rem\]{margin-right:-4rem}.-mr-\[calc\(0\.5\*13vw\)\]{margin-right:calc(calc(.5 * 13vw) * -1)}.-mt-\[0\.25vw\]{margin-top:-.25vw}.-mt-\[0\.421vw\]{margin-top:-.421vw}.-mt-\[1vw\]{margin-top:-1vw}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-\[-5vw\]{margin-left:-5vw}.ml-\[3vw\]{margin-left:3vw}.ml-\[4rem\]{margin-left:4rem}.ml-\[5vw\]{margin-left:5vw}.mr-3{margin-right:.75rem}.mr-\[3vw\]{margin-right:3vw}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[0\.5vw\]{margin-top:.5vw}.mt-\[13vw\]{margin-top:13vw}.mt-\[1vw\]{margin-top:1vw}.mt-\[5vw\]{margin-top:5vw}.mt-\[7vw\]{margin-top:7vw}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-\[0\.2vw\]{height:.2vw}.h-\[0\.5vw\]{height:.5vw}.h-\[100vh\]{height:100vh}.h-\[13vw\]{height:13vw}.h-\[14vw\]{height:14vw}.h-\[5vw\]{height:5vw}.h-\[8vw\]{height:8vw}.h-\[95\%\]{height:95%}.h-\[95vh\]{height:95vh}.h-\[calc\(0\.4\*10\.5vw\)\]{height:calc(.4 * 10.5vw)}.h-\[calc\(0\.4\*13vw\)\]{height:calc(.4 * 13vw)}.h-\[calc\(0\.5\*1\.75vw\)\]{height:calc(.5 * 1.75vw)}.h-\[calc\(0\.5\*10vw\)\]{height:calc(.5 * 10vw)}.h-\[calc\(0\.5\*18vw\)\]{height:calc(.5 * 18vw)}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[100vh\]{min-height:100vh}.min-h-\[50rem\]{min-height:50rem}.min-h-\[95vh\]{min-height:95vh}.min-h-screen{min-height:100vh}.w-0{width:0}.w-\[1\.5vw\]{width:1.5vw}.w-\[105vw\]{width:105vw}.w-\[120vw\]{width:120vw}.w-\[2\.5vw\]{width:2.5vw}.w-\[2vw\]{width:2vw}.w-\[30\%\]{width:30%}.w-\[3vw\]{width:3vw}.w-\[4vw\]{width:4vw}.w-\[5vw\]{width:5vw}.w-\[60\%\]{width:60%}.w-\[6vw\]{width:6vw}.w-\[70\%\]{width:70%}.w-\[75\%\]{width:75%}.w-\[80\%\]{width:80%}.w-\[85\%\]{width:85%}.w-\[90\%\]{width:90%}.w-\[90vw\]{width:90vw}.w-\[95\%\]{width:95%}.w-\[calc\(0\.5\*18\.75vh\)\]{width:calc(.5 * 18.75vh)}.w-full{width:100%}.flex-\[15\%\]{flex:15%}.flex-\[60\%\]{flex:60%}.origin-top-left{transform-origin:top left}.translate-y-full{--tw-translate-y:100%}.-rotate-90,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.-rotate-\[225deg\]{--tw-rotate:-225deg}.-rotate-\[225deg\],.-rotate-\[495deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[495deg\]{--tw-rotate:-495deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.rotate-\[270deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[270deg\]{--tw-rotate:270deg}.rotate-\[540deg\]{--tw-rotate:540deg}.rotate-\[540deg\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.text-nowrap{text-wrap:nowrap}.rounded-\[40\%\]{border-radius:40%}.border-0{border-width:0}.bg-\[\#c0c0c080\]{background-color:#c0c0c080}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-thickmain,.bg-thicksub{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-thin{background-color:#c0c0c0b0}.bg-vertical,.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-custom-bg{background-image:url(/bg.png)}.bg-contain{background-size:contain}.pb-\[20vw\]{padding-bottom:20vw}.pt-\[5vw\]{padding-top:5vw}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.font-main{font-family:Xanh Mono,serif}.text-\[1\.4vw\]{font-size:1.4vw}.text-\[1\.75vw\]{font-size:1.75vw}.text-\[10\.5vw\]{font-size:10.5vw}.text-\[10vw\]{font-size:10vw}.text-\[11vh\]{font-size:11vh}.text-\[12vw\]{font-size:12vw}.text-\[13vw\]{font-size:13vw}.text-\[15vw\]{font-size:15vw}.text-\[18\.75vh\]{font-size:18.75vh}.text-\[18vw\]{font-size:18vw}.text-\[1vw\]{font-size:1vw}.text-\[2\.05vw\]{font-size:2.05vw}.text-\[3\.5vw\]{font-size:3.5vw}.text-\[3vw\]{font-size:3vw}.text-\[4vh\]{font-size:4vh}.text-\[4vw\]{font-size:4vw}.text-\[5vw\]{font-size:5vw}.text-\[6vw\]{font-size:6vw}.text-\[7vw\]{font-size:7vw}.text-\[8vw\]{font-size:8vw}.text-\[9\.5vw\]{font-size:9.5vw}.font-extralight{font-weight:200}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.5rem\]{letter-spacing:.5rem}.tracking-\[0\.5vh\]{letter-spacing:.5vh}.tracking-\[0\.5vw\]{letter-spacing:.5vw}.tracking-\[0\],.tracking-\[0rem\]{letter-spacing:0}.tracking-\[12vw\]{letter-spacing:12vw}.tracking-\[2vh\]{letter-spacing:2vh}.tracking-\[3vw\]{letter-spacing:3vw}.tracking-\[5vw\]{letter-spacing:5vw}.tracking-\[calc\(0\.1\*3\.5vw\)\]{letter-spacing:calc(.1 * 3.5vw)}.tracking-\[calc\(0\.1\*vw\)\]{letter-spacing:calc(.1 * vw)}.tracking-\[calc\(0\.5\*13vw\)\]{letter-spacing:calc(.5 * 13vw)}.tracking-\[calc\(0\.5\*4vw\)\]{letter-spacing:calc(.5 * 4vw)}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-60{opacity:.6}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-\[1000ms\]{transition-duration:1s}.duration-\[1500ms\]{transition-duration:1.5s}.duration-\[700ms\]{transition-duration:.7s}.duration-\[900ms\]{transition-duration:.9s}.ease-linear{transition-timing-function:linear}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}hr{border-width:0}.after\:ml-3:after{content:var(--tw-content);margin-left:.75rem}.after\:ml-\[-2vw\]:after{content:var(--tw-content);margin-left:-2vw}.after\:ml-\[-3vw\]:after{content:var(--tw-content);margin-left:-3vw}.after\:mr-\[-2vw\]:after{content:var(--tw-content);margin-right:-2vw}@keyframes blink{0%,to{content:var(--tw-content);color:transparent}50%{content:var(--tw-content);color:#000}}.after\:animate-blink:after{content:var(--tw-content);animation:blink .5s step-end infinite}.after\:tracking-\[-3rem\]:after{content:var(--tw-content);letter-spacing:-3rem}.after\:tracking-\[0px\]:after{content:var(--tw-content);letter-spacing:0}.after\:content-\[\'\|\'\]:after{--tw-content:"|";content:var(--tw-content)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-opacity-60:hover{--tw-bg-opacity:0.6}.hover\:bg-opacity-65:hover{--tw-bg-opacity:0.65}.group:hover .group-hover\:-translate-y-\[15vw\]{--tw-translate-y:-15vw}.group:hover .group-hover\:-translate-y-\[15vw\],.group:hover .group-hover\:-translate-y-\[45vw\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-\[45vw\]{--tw-translate-y:-45vw}.group:hover .group-hover\:-translate-y-\[56vw\]{--tw-translate-y:-56vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-opacity-100{--tw-bg-opacity:1}.group:hover .group-hover\:bg-opacity-70{--tw-bg-opacity:0.7}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-20{opacity:.2}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-50{opacity:.5}@media (min-width:425px){.xs\:h-\[0\.2rem\]{height:.2rem}.xs\:h-\[56px\]{height:56px}.xs\:h-\[60px\]{height:60px}.xs\:w-\[1\.5rem\]{width:1.5rem}.xs\:text-\[21px\]{font-size:21px}.xs\:text-\[24px\]{font-size:24px}.xs\:text-\[2rem\]{font-size:2rem}.xs\:text-\[50px\]{font-size:50px}.group:hover .xs\:group-hover\:-translate-y-\[190px\]{--tw-translate-y:-190px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:text-\[1\.8vw\]{font-size:1.8vw}.md\:text-\[3vw\]{font-size:3vw}}