:root{--color-blue: #515DEF;--color-white: white;--color-black: #333333;--color-grey: #909090;--nav-text-size: 18px}body{width:1920px;height:1080px;margin:0}body .crowd{position:absolute;top:0;left:1112px;width:808px;height:auto}body .title{background-color:#515def;display:flex;width:1760px;height:120px}body .title .logo{margin:33px 0 33px 160px;width:92px;height:54px}body .title ul{margin:46px 0 33px 140px;padding:0;display:flex;gap:62px;width:1368px}body .title ul li{list-style:none}body .title ul li a{text-decoration:none;font-weight:400;font-family:Poppins,sans-serif;font-size:var(--nav-text-size);color:var(--color-white, white)}body .title ul li:last-child{margin-left:auto;z-index:2}body .title ul li:last-child .btn{border:0px;padding:17px 30px;background-color:var(--color-blue, blue)}body .title ul li:last-child .btn:hover{background-color:#1bcff6;color:#000}body .hero{box-sizing:border-box;height:663px;background-color:#515def;margin:0;padding:40px 0 0 160px}body .hero p{width:784px;margin:0;font-weight:400;font-family:Poppins,sans-serif;font-size:24px;color:#fff}body .hero h1{width:864px;line-height:80px;margin-top:16px;margin-bottom:32px;font-weight:700;font-family:Poppins,sans-serif;font-size:64px;color:#fff}body .hero a{margin-top:54px;margin-bottom:81px;display:inline-flex;align-items:center;padding:20px 25px;background-color:#fbfbfb;text-decoration:none;font-weight:400;font-family:Poppins,sans-serif;font-size:24px;color:#000}body .hero a span{display:inline-block;box-sizing:border-box;width:49px;height:49px;padding-left:8px}body .articles{background-color:#fbfbfb;width:1255px;box-sizing:border-box;height:297px;position:relative;z-index:2;display:flex;justify-content:space-between}body .articles article{margin:58px 48px}body .articles article h3{margin-top:24px;margin-bottom:8px;font-weight:700;font-family:Poppins,sans-serif;font-size:18px;color:#000}body .articles article p{margin:0;font-weight:400;font-family:Poppins,sans-serif;font-size:18px;color:gray}