*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{-webkit-transition-property:fill,stroke;transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion: reduce){*,::before,::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--ff-default: "Kanit", sans-serif;--fz-base: 1rem;--min-width: 320px;--max-width: 1294px;--radius: 1.125rem;--speed: 0.3s;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--color-scheme: light;--clr-white: hsla(0, 0%, 100%, 1);--clr-grey: hsla(231, 8%, 32%, 1);--clr-red: hsla(0, 91%, 59%, 1);--clr-red-dark: hsla(4, 78%, 46%, 1);--clr-yellow: hsla(47, 100%, 64%, 1);--clr-yellow-dark: hsla(33, 89%, 54%, 1);--clr-orange: hsla(33, 89%, 54%, 1)}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background-color:var(--clr-red);color:var(--clr-white)}::selection{background-color:var(--clr-red);color:var(--clr-white)}html,body{color-scheme:var(--color-scheme);-ms-touch-action:manipulation;touch-action:manipulation;height:100vh}body{position:relative;font-optical-sizing:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}a:not([class]){-webkit-transition:var(--speed);transition:var(--speed);text-decoration:none}@media(any-hover: hover){a:not([class]):hover{text-decoration:none}}@media(any-hover: none){a:not([class]):active{text-decoration:none}}img:not([src]){visibility:hidden}b,strong{font-weight:bold}img:not([src]){visibility:hidden}@-webkit-keyframes c1{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes c1{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes c2{0%{-webkit-transform:translateX(5%);transform:translateX(5%)}50%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}100%{-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes c2{0%{-webkit-transform:translateX(5%);transform:translateX(5%)}50%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}100%{-webkit-transform:translateX(5%);transform:translateX(5%)}}@-webkit-keyframes c3{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}50%{-webkit-transform:translateX(5%);transform:translateX(5%)}100%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes c3{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}50%{-webkit-transform:translateX(5%);transform:translateX(5%)}100%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@-webkit-keyframes c4{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(5%);transform:translateX(5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes c4{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(5%);transform:translateX(5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.main{position:relative;background-image:url("../images/main-bg.webp");background-position:center;background-size:cover;background-repeat:no-repeat;width:100vw;height:100vh;overflow:hidden}.content{position:relative;aspect-ratio:17/8;margin-inline:auto;max-width:100%;height:100%}.promo{position:absolute;left:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15%;height:100%;width:30.2%;z-index:2}.promo__logo{width:90%}.button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-animation:pulse 2s ease-in-out infinite both;animation:pulse 2s ease-in-out infinite both}.button__image{position:relative;-webkit-transition:var(--speed);transition:var(--speed);z-index:2;width:100%}.button__hover{position:absolute;inset:0;width:100%;height:100%}@media(any-hover: hover){.button:hover .button__image{opacity:0}}@media(any-hover: none){.button:active .button__image{opacity:0}}.girl{position:absolute;bottom:0;z-index:4}.girl--1{width:17.7%;right:43%}.girl--2{width:22.7%;right:20%}.girl--3{width:14.8%;right:6%}.girl__image{position:relative;width:100%;-webkit-transition:.3s;transition:.3s;z-index:2}.girl__hover{position:absolute;inset:0;width:100%;height:100%;z-index:0}@media(any-hover: hover){.girl:hover .girl__image{opacity:0}}@media(any-hover: none){.girl:active .girl__image{opacity:0}}.cloud{position:absolute;z-index:1;bottom:0;pointer-events:none}.cloud--1{left:0;width:53.2%;-webkit-animation:c1 14s ease-in-out infinite forwards;animation:c1 14s ease-in-out infinite forwards}.cloud--2{left:20%;width:48%;-webkit-animation:c2 13s ease-in-out infinite forwards;animation:c2 13s ease-in-out infinite forwards}.cloud--3{right:15%;width:40.3%;-webkit-animation:c3 15s ease-in-out infinite forwards;animation:c3 15s ease-in-out infinite forwards}.cloud--4{right:0;width:50.3%;-webkit-animation:c4 12s ease-in-out infinite forwards;animation:c4 12s ease-in-out infinite forwards}