.main-page{background-color:#eee;font-family:PingFang SC;display:flex;flex-direction:column;align-items:center;cursor:default;overflow-x:hidden;min-width:1280px;.body{display:flex;flex-direction:column;align-items:center;max-width:100%;width:1440px;flex-wrap:wrap}}.header-gogo{background-color:#3a336d;color:#fff;width:100%;height:80px;display:flex;flex-direction:row;align-items:center;position:relative;overflow-x:hidden;.header-container{display:flex;flex-direction:row;align-items:center;width:100%;padding:0 80px;box-sizing:border-box;max-width:1440px;min-width:1058px;margin:0 auto;.h-title{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:20px;line-height:normal;font-weight:600;font-variation-settings:"opsz" auto;white-space:nowrap;.icon{width:32px;height:32px;margin-right:8px}}.nav-part-gogo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-left:80px;margin-bottom:2px;width:100%;.nav-gogo{display:flex;flex-direction:row;gap:16px;.nav-item-gogo{padding:8px 16px;cursor:pointer;font-size:14px;font-weight:600;color:#9c99b5;white-space:nowrap;&.active,&:hover{color:#fff}&.active{box-shadow:inset 0 -2px 0 0 #fff;transform:scale(1.02)}}&.sub-nav{margin-right:0}}}}}.title-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:32px;.title{font-size:30px;font-weight:600;line-height:normal;text-align:center;letter-spacing:0;font-variation-settings:"opsz" auto;color:#262626}}.abstract{max-width:100%;padding:60px 0 40px;box-sizing:border-box;.abstract-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:25px;.abstract-card{width:300px;height:360px;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;font-variation-settings:"opsz" auto;position:relative;padding:0 22px;transition:all .3s ease;cursor:pointer;&:active{transform:scale(.98)}&:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.08);.abstract-title{color:#423b76}}.abstract-icon{position:absolute;width:80px;height:81px;top:29px}.abstract-title{position:absolute;top:142px;font-size:16px;font-weight:600;text-align:center;color:#262626;display:flex;flex-direction:column;transition:all .3s ease}.abstract-desc{position:absolute;top:198px;font-size:14px;color:#8c8c8c;width:260px;text-align:justify;text-justify:inter-word}}}.abstract-text{margin:40px auto 0;display:flex;flex-direction:row;justify-content:space-between;height:283px;width:100%;max-width:1260px;.half-content{display:flex;flex-direction:column;line-height:normal;h3{color:#423b76;font-weight:600;font-size:18px}p{color:#8c8c8c}button,p{font-size:14px}button{background-color:#423b76;width:175px;height:44px;border-radius:22px;white-space:nowrap;font-weight:600;color:#fff;margin-top:24px;transition:all .3s ease;&:hover{background-color:#6a41bc}&:active{background-color:#4e2d90;transform:scale(.98)}&.default-button{background-color:#fff;color:#191537;&:hover{background-color:#6a41bc;color:#fff}&:active{background-color:#4e2d90;color:#fff;transform:scale(.98)}}}}.line{width:1px;height:110%;background-color:#c4c2d4}}}.data-explore{width:100%;max-width:100%;padding:60px 0;display:flex;flex-direction:column;align-items:center;.data-explore-content{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-width:1280px;padding:0 10px;.project-card{width:620px;height:290px;border-radius:8px;background-color:#f5f4f6;display:flex;flex-direction:row;padding:32px 24px 32px 32px;transition:all .3s ease;&:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.project-img{width:170px;height:170px;margin-right:24px}.project-info{display:flex;flex-direction:column;align-items:flex-start;.title{font-size:24px;font-weight:600;color:#262626}.title,desc{line-height:normal}desc{font-size:16px;font-weight:400;color:#595959;margin-top:16px;width:378px}.button{background-color:#423b76;padding:12px 32px;border-radius:22px;white-space:nowrap;font-size:14px;font-weight:600;color:#fff;margin-top:24px;transition:all .3s ease;&:hover{background-color:#6a41bc}&:active{background-color:#4e2d90;transform:scale(.98)}}}}}}.data-acess{width:1440px;max-width:100%;padding:60px 0;display:flex;flex-direction:column;align-items:center;.data-acess-content{display:flex;flex-direction:row;justify-content:space-around;gap:40px;flex-wrap:wrap;.data-acess-card{width:620px;height:420px;padding:24px;background-color:#f5f4f6;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;&:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.main-info{display:flex;flex-direction:column;justify-content:flex-start;h4{font-size:16px;font-weight:400;line-height:normal;color:#8c8c8c}h3{font-size:24px;font-weight:600;letter-spacing:0;text-decoration:underline;color:#423b76;&:hover{color:#6a41bc;cursor:pointer}}h3,p{line-height:normal;margin-top:16px}p{font-size:16px;font-weight:400;color:#595959;text-align:justify}}.details{display:flex;flex-direction:row;margin-bottom:0;width:100%;.one-detail{display:flex;flex-direction:column;align-items:flex-start;line-height:normal;font-weight:400;width:50%;height:52px;font-size:16px;letter-spacing:0;.title{color:#8c8c8c}.info{color:#595959}}}.card-actions{display:flex;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;.apply-button{width:100%;padding:12px 32px;font-size:14px;font-weight:600;text-align:center;background:linear-gradient(135deg,#423b76,#6a41bc);color:#fff;border:none;border-radius:22px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;&:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}&:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(66,59,118,.4);background:linear-gradient(135deg,#6a41bc,#8b5ad6);&:before{left:100%}}&:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,59,118,.3)}&:after{content:"→";font-size:18px;transition:transform .3s ease}&:hover:after{transform:translateX(4px)}}}}}}.footer{background-color:#3a336d;width:100%;padding:60px 0 50px;max-width:100%;.footer-container{display:flex;flex-direction:column;max-width:1290px;margin:0 auto}.top-container{display:flex;flex-direction:row;.project-desc{display:flex;flex-direction:column;width:540px;margin-right:100px;.title{display:flex;flex-direction:row;align-items:center;white-space:nowrap;font-size:20px;font-weight:600;line-height:normal;text-transform:uppercase;letter-spacing:0;color:#fff}.desc{font-size:16px;color:#9c99b5;margin-top:30px;text-align:justify}}.link-part{display:flex;flex-direction:column;width:180px;margin-right:40px;gap:16px;h3{color:#fff;font-size:20px;font-weight:600}.links{display:flex;flex-direction:column;gap:8px;color:#9c99b5;font-size:16px;font-weight:400;line-height:normal}}}.center-container{display:flex;flex-direction:row;margin-top:24px;gap:16px;button{background-color:#fff;padding:8px 24px;border-radius:22px;white-space:nowrap;font-size:14px;font-weight:600;color:#191537;transition:all .3s ease;&:hover{background-color:#6a41bc;color:#fff}&:active{background-color:#4e2d90;color:#fff;transform:scale(.98)}}}.bottom-container{margin-top:69px;display:flex;flex-direction:row;justify-content:space-between;color:#9c99b5;font-size:12px;font-weight:400;line-height:normal;.link-part{display:flex;flex-direction:row;gap:24px}}}@keyframes blink{0%{opacity:1}25%{opacity:.5}50%{opacity:1}75%{opacity:.5}to{opacity:1}}