*{margin:0;font-family:Poppins,sans-serif}.i{display:flex;height:100vh}.i-left{flex:1;display:flex;align-items:center;justify-content:center}.i-right{flex:1;position:relative}.i-left-wrapper{padding:50px;height:50%;display:flex;flex-direction:column;justify-content:space-between}.i-intro{font-size:30px;font-weight:300}.i-name{font-size:60px}.i-title{height:50px;overflow:hidden}.i-title-wrapper{height:100%;animation:move 10s ease-in-out infinite alternate}@keyframes move{25%{transform:translateY(-50px)}50%{transform:translateY(-100px)}75%{transform:translateY(-150px)}to{transform:translateY(-200px)}}.i-title-item{height:50px;font-size:30px;font-weight:700;color:#59b256;display:flex;align-items:center}.i-img{width:90%;height:100%;object-fit:cover;position:absolute}.i-img{-webkit-animation:i-img .5s cubic-bezier(.23,1,.32,1) both;animation:i-img .5s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes i-img{0%{-webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform:translate(1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translate(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes i-img{0%{-webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform:translate(1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translate(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.i-bg{clip-path:polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%);background-color:#59b256;width:119%;height:100%;position:absolute;top:0;right:0}.i-bg{-webkit-animation:i-bg .5s cubic-bezier(.25,.46,.45,.94) both;animation:i-bg .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes i-bg{0%{-webkit-transform:translateX(1000px);transform:translate(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes i-bg{0%{-webkit-transform:translateX(1000px);transform:translate(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@media screen and (max-width: 480px){.i{flex-direction:column}.i-left-wrapper{padding:10px;align-items:center;text-align:center;justify-content:center;height:100%}.i-desc{display:none}.i-intro{font-size:24px;font-weight:400}.i-name{font-size:50px;padding:20px}.i-title-item{font-size:27px;margin-left:10px;justify-content:center}.i-bg{width:100%}.i-img{width:85%;margin-left:30px}}.a{height:100vh;display:flex;align-items:center}.a-left{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:100%}.a-right{flex:1}.a-card.bg{position:absolute;top:50px;left:50px;background-color:#333}.a-card{width:60%;height:70vh;border-radius:30px;position:relative;overflow:hidden}.a-img{width:100%;height:100%;object-fit:cover}.a-award-img{width:140px;height:70px;border-radius:20px}.a-award-img2{width:70px;height:70px;padding-left:25px}.a-title{font-weight:400}.a-sub{margin:20px 0;font-weight:400}.a-desc{font-weight:300}.a-award{margin-top:50px;display:flex;align-items:center;justify-content:space-between}.a-award-texts{width:75%}.a-award-title{font-weight:700;color:#555;margin-bottom:10px}@media screen and (max-width: 480px){.a{flex-direction:column;text-align:center;margin-top:50px}.a-left{width:100%}.a-card{height:30vh}.a-card.bg,.a-award{display:none}.a-right{padding:20px}}.p1{padding:50px 100px;display:flex;flex-direction:column;align-items:center;text-align:center}.p1-texts{width:65%}.p1-title{font-size:50px;font-weight:600}.p1-desc{margin:20px 0}.p1-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.p1-app-name{font-weight:500}@media screen and (max-width: 480px){.p1{padding:10px}.p1-texts{width:100%}.p1-title{font-size:45px}}.p{width:20%;height:70vh;margin:20px 10px;border:2px solid rgb(243,242,242);border-radius:10px;overflow:hidden}.p-browser-left{height:20px;background-color:#f3f2f2;display:flex;align-items:center;position:sticky;z-index:2}.p-browser-right{height:45px;background-color:#f3f2f2;align-items:center;position:sticky;margin-top:-65px}.p-img-icon2{width:40px;height:40px;margin-top:3px}.p:hover .p-img-icon2{-webkit-animation:p-img-icon2 1.5s ease-in-out both;animation:p-img-icon2 1.5s ease-in-out both}.p:hover .p-circle1,.p:hover .p-circle2,.p:hover .p-circle3{-webkit-animation:p-circle1 .9s both;animation:p-circle1 .9s both}.p-circle1{width:8px;height:8px;background-color:#90ee90;border-radius:50%;margin:3px}.p-circle2{width:8px;height:8px;background-color:orange;border-radius:50%;margin:3px}.p-circle3{width:8px;height:8px;background-color:red;border-radius:50%;margin:3px}.p-img{width:100%;transition:all 1.5s ease-in-out}.p-img-icon{width:25px;height:17px;margin-left:12rem}.p:hover .p-img{transform:translateY(-3%)}.p:hover .p-img-icon{-webkit-animation:p-img-icon 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:p-img-icon 1.5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes p-img-icon2{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes p-img-icon2{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes p-img-icon{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}}@keyframes p-img-icon{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}}@-webkit-keyframes p-circle1{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}@keyframes p-circle1{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}@-webkit-keyframes p-circle2{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}@keyframes p-circle2{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}@-webkit-keyframes p-circle3{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}@keyframes p-circle3{0%{-webkit-transform:scale3d(1,1,1);transform:scale(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale(1.25,.75)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale(.75,1.25)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale(1.15,.85)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale(.95,1.05)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale(1.05,.95)}to{-webkit-transform:scale3d(1,1,1);transform:scale(1)}}@media screen and (max-width: 480px){.p{width:40%;height:45vh}.p-browser-right{margin-top:-25px;height:40px}.p-img-icon2{width:30px;height:30px}.p-img-icon{margin-left:71px;width:17px;height:12px}.p-circle1{width:7px;height:7px;margin-left:6px;margin-top:5px}.p-circle2,.p-circle3{width:6px;height:6px}}.c{height:100vh;position:relative}.c-bg{width:20px;height:100%;background-color:#59b265;position:absolute}.c-wrapper{padding:50px;display:flex}.c-left{flex:1}.c-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.c-title{font-size:60px;width:80%}.c-info-item{display:flex;align-items:center;width:70%;margin:50px 0;font-weight:300}.c-icon1{width:30px;height:30px;margin-right:20px}.c:hover .c-icon1{-webkit-animation:c-icon1 1.5s cubic-bezier(.455,.03,.515,.955) 3 both;animation:c-icon1 1.5s cubic-bezier(.455,.03,.515,.955) 3 both}.c-icon2,.c-icon3{width:30px;height:30px;margin-right:20px}.c-desc{font-weight:200}form{margin-top:20px}input{width:50%;height:50px;border:none;border-bottom:1px solid black;margin:10px 0;font-size:14px;padding-left:10px;color:#fff;font-weight:400}textarea{width:100%;margin:10px 0;font-size:14px;padding-left:10px;color:#fff;font-weight:400}button{border:none;padding:15px;background-color:#59b265;color:#fff;font-weight:500;cursor:pointer}@-webkit-keyframes c-icon1{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes c-icon1{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@media screen and (max-width: 480px){.c-wrapper{flex-direction:column;padding:0 50px}.c-info-items{width:70%;margin:30px 0}.c-title{font-size:30px}.c-info-item{margin:20px 0;width:100%}.c-desc{display:none}form{margin-top:0;display:flex;flex-wrap:wrap}input{width:35%;height:40px;margin:10px 10px 10px 0}button{margin-top:10px}}.s-title{display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:500;padding:21rem 20rem}.s-title{-webkit-animation:s-title 1s cubic-bezier(.25,.46,.45,.94) .3s both;animation:s-title 1s cubic-bezier(.25,.46,.45,.94) .3s both}@-webkit-keyframes s-title{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes fos-title{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}.t{width:50px;height:25px;border-radius:20px;border:1pz solid #999;background-color:#fff;position:fixed;top:10px;right:10px;z-index:999;display:flex;align-items:center;justify-content:space-around}.t-icon{width:15px;height:15px}.t-button{width:25px;height:25px;border-radius:50%;background-color:#999;position:absolute;cursor:pointer}