@import"https://fonts.googleapis.com/css2?family=Khmer&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;scroll-behavior:smooth}.khmer-font{font-family:Khmer,sans-serif;font-weight:400;font-style:normal}body{background-color:#0b1121;background:url(/assets/bg-DxHrdanz.png);background-position:center;background-repeat:no-repeat;background-size:cover}.main-container{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center}.toggle-btn{padding:10px 18px;background:#ff69b4;color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:600;z-index:1000}.toggle-btn:hover{background:#ff4f9a}.fade-container{transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1),filter 1.2s ease;will-change:opacity,transform,filter}.fade-in{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);filter:blur(0)}.fade-out{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);filter:blur(6px)}.wrappers-container{width:100%}.wrapper{width:100%;position:relative;height:150px;margin-bottom:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to right,#0000,#000 20% 80%,#0000)}.itemleft{width:200px;height:150px;border-radius:6px;position:absolute;right:max(1600px,100%);animation-name:scrollRight;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes scrollLeft{to{left:-600px}}.itemright{max-width:200px;width:100%;min-height:150px;height:100%;border-radius:6px;position:absolute;left:max(1600px,100%);animation-name:scrollLeft;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes scrollRight{to{right:-600px}}.itemleft>img{width:100%;height:100%;border-radius:8px}.itemright>img{width:100%;height:100%;border-radius:8px}.item1{animation-delay:-26.25s}.item2{animation-delay:-22.5s}.item3{animation-delay:-18.75s}.item4{animation-delay:-15s}.item5{animation-delay:-11.25s}.item6{animation-delay:-7.5s}.item7{animation-delay:-3.75s}.item8{animation-delay:0}.child-container{position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%);transition:opacity .8s ease}.box-content{max-width:500px;width:100%;height:auto;color:pink;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:45px 60px;border-radius:15px;border:1px solid #ccc;position:relative}.box-content>p{font-size:24px;margin-bottom:10px}.heart-container{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#fff;padding:10px;border-radius:50%;border-top:1px solid #ccc}.text-content{color:#fff;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);transition:opacity .8s ease;text-shadow:0 0 5px rgba(255,255,255,.8),0 0 15px rgba(255,105,180,.6),0 0 30px rgba(255,105,180,.4);text-align:center;font-weight:700}.text-content>p{font-size:24px}.text-content>h1{font-size:70px}@media(max-width:768px){.text-content>p{font-size:14px}.text-content>h1{font-size:50px}.box-content{width:380px;padding:35px 40px}.box-content>p{font-size:15px}}