body{background:#275241;font-family:Inter,sans-serif;font-family:"Kantumruy Pro",sans-serif;display:flex;justify-content:center;align-items:end;height:100vh;margin:0}
main{padding-bottom:110px}
.tagline{display:flex;align-items:flex-start;gap:18px}
.pair{display:flex;flex-direction:column;line-height:1.1;opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.pair.show{opacity:1;transform:translateY(0)}
.pair.hide{opacity:0;transform:translateY(-8px)}
.logo-cn{display:flex;justify-content:center;padding-bottom:115px}
.ar{direction:rtl;text-align:center}
.en{direction:ltr;text-align:center}
:root{--slow:cubic-bezier(.2, .8, .2, 1)}
.logo{width:282px;height:auto;display:block}
.arrow-1,.arrow-2,.arrow-3{opacity:0;transform-box:fill-box;transform-origin:center;transform:translateY(-10px);animation:dropIn .5s var(--slow) forwards;will-change:opacity,transform}
.arrow-1{animation-delay:.5s}
.arrow-2{animation-delay:1s}
.arrow-3{animation-delay:1.5s}
a{color:#fff;text-decoration:none}
.slogan svg{overflow:visible}
@keyframes dropIn{
to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
.arrow-1,.arrow-2,.arrow-3{animation:none;opacity:1;transform:none}
}
.grp{opacity:0;transform-box:fill-box;transform-origin:center;will-change:transform,opacity;transform:translateX(90px);animation:slideInRTL .9s cubic-bezier(.16,1,.3,1) forwards}
.grp-1{animation-delay:1.8s}
.grp-2{animation-delay:2.6s}
.grp-3{animation-delay:3.2s}
@keyframes slideInRTL{
0%{opacity:0;transform:translateX(90px)}
60%{opacity:1;transform:translateX(-6px)}
100%{opacity:1;transform:translateX(0)}
}
.slogan{text-align:center;padding-bottom:195px}
.contact{display:flex;gap:60px}
.text-cn{font-size:21px;font-weight:400;color:#fff}
.contact-cn{display:flex;align-items:center}
.contact-cn svg{padding-right:25px}
@media screen and (max-width:1680px){
.logo{width:220px;height:auto;display:block}
.slogan{text-align:center;padding-bottom:100px}
.logo-cn{padding-bottom:70px}
.text-cn{font-size:18px}
.slogan svg{width:360px}
.contact-cn svg{width:25px!important;height:27px!important;padding-right:20px}
main{padding-bottom:70px}
}
@media screen and (max-width:900px){
body{height:85vh}
.slogan{text-align:center;padding-bottom:90px}
.slogan{text-align:center;padding-bottom:70px}
}
@media screen and (max-width:1024px) and (min-width:1000px){
body{height:80vh}
}
@media screen and (max-width:650px){
body{height:85vh}
.contact{flex-direction:column;gap:20px;align-items:center}
.logo{width:205px;height:auto;display:block}
.slogan svg{width:310px}
.contact-cn svg{width:20px!important;height:25px!important;padding-right:15px}
.text-cn{font-size:17px}
}
@media screen and (max-width:320px){
.slogan svg{width:290px}
}