@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:inter}:root{--primary-text: #1A1A1A;--sec-text: #C0C5D0;--primary-color: #7F56D9;--third-text:#667085;--font-family: "Arial", sans-serif}.Hero{height:calc(100vh - 85px);display:flex;padding:0 70px;align-items:center;justify-content:center;flex-direction:column;gap:24px}@media screen and (max-width:992px){.Hero{padding:0 40px}.Hero h1{font-size:34px}.Hero p{font-size:16px;text-align:center}.Hero div{flex-direction:column}}.Inputs{width:360px;height:48px;padding:12px 14px;border-radius:8px;background:#fff;border:1px solid #7F56D9;box-shadow:0 1px 2px #1018280d}.Inputs:focus{outline:none;border:2px solid #7F56D9}.Inputs::placeholder{color:var(--third-text);font-size:16px}button{width:120px;height:38px;padding:12px 20px;border-radius:8px;box-shadow:0 1px 2px #1018280d;border:1px solid #7F56D9;background-color:var(--primary-color);color:#fff;cursor:pointer}button:hover{transition:.3s linear;background-color:#6344a8}nav{display:flex;justify-content:space-between;align-items:center;padding:23px 70px;border-bottom:1px solid #090D1F}nav .nav-text{display:flex;align-items:center;gap:36px}nav .nav-text h1{font-weight:600;font-size:20px;color:var(--primary-text)}nav .nav-text ul{display:flex;gap:30px;list-style:none}nav .nav-text ul li{font-size:16px;color:var(--primary-text);cursor:pointer}nav .nav-text ul li.active{color:var(--primary-color);font-weight:600}nav .nav-text ul li:hover{color:var(--primary-color);transition:.3s linear}nav .menu{display:none}@media screen and (max-width:992px){nav{padding:23px 40px}nav .nav-text ul{display:none}nav button{display:none}nav .menu{display:block;cursor:pointer}}.Title{font-weight:600;font-size:48px;color:var(--primary-text)}.SubTitle{font-size:20px;color:var(--sec-text)}.post-section{padding:32px 70px}.post-section h1{font-weight:600;font-size:38px;color:var(--primary-text);margin-bottom:35px}.post-section .container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:32px;margin-bottom:70px}@media screen and (max-width:992px){.post-section{padding:32px 40px}.post-section h1{font-size:24px}.post-section .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:32px;row-gap:45px;margin-bottom:70px}}.post{display:flex;flex-direction:column;gap:16px}.post .post-img{margin-bottom:16px;width:100%}.post span{font-weight:600;font-size:14px;color:var(--primary-color)}.post .post-titles{display:flex;justify-content:space-between}.post .post-titles h2{font-weight:600;font-size:24px;color:var(--primary-text)}.post .post-titles img{width:24px;height:28px}.post p{font-size:16px;color:var(--third-text)}@media screen and (max-width:992px){.post{margin-bottom:20px}.post:last-child{margin-bottom:0}.post .post-titles h2{font-size:19px}.post .post-titles img{width:22px;height:28px}.post p{font-size:15px}}footer{border-top:1px solid #090D1F;padding:23px 70px}footer p{font-size:20px;color:var(--primary-text)}@media screen and (max-width:992px){footer{padding:20px 40px}footer p{text-align:center;font-size:16px}}.layout{position:absolute;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.layout .popUp{width:550px;background-color:#fff;padding:60px;border-radius:24px;z-index:9;display:flex;flex-direction:column;gap:16px}.layout .popUp h1{font-size:35px}.layout .popUp p{font-size:14px}.layout .popUp input,.layout .popUp button{width:100%}.layout .popUp p.linkRouter{text-align:center}@media screen and (max-width:992px){.layout .popUp{width:360px;padding:40px;gap:20px}.layout .popUp h1{font-size:26px;margin-bottom:-10px}}p.linkRouter{font-size:12px}p.linkRouter a{color:var(--primary-text)}.menu .menu-text{height:100vh;right:0;top:0;padding:20px;width:50vw;background-color:#fff;position:absolute}.menu .menu-text h1{font-size:24px;margin-bottom:30px}.menu .menu-text ul{list-style:none}.menu .menu-text ul li{padding:20px;cursor:pointer}.menu .menu-text ul li.active{color:var(--primary-color);font-weight:600}.menu .menu-text ul li:hover{color:var(--primary-color);transition:.3s linear;background-color:#dbcbfc;border-radius:8px}.menu .menu-text button{margin-top:18px}@media screen and (max-width:922px){.menu .menu-text{width:65vw}.menu .menu-text h1{font-size:21px;margin-bottom:24px}.menu .menu-text ul li{padding:18px}.menu .menu-text button{margin-top:18px}}