@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,sans-serif}a{color:inherit;text-decoration:none}.about{height:100vh;background:linear-gradient(129.79deg,#075acd -111.46%,#000 72.72%);display:flex;justify-content:center;align-items:center;padding:0 10%;position:relative;overflow:hidden}.content{width:75%;text-align:center;z-index:99}#text{color:#fff;font-size:40px;font-weight:400;text-align:center;letter-spacing:1.1px}#text span{position:relative;display:inline-block}#text span.typing-done:after{content:"";position:absolute;top:6px;bottom:6px;right:-8px;width:3px;background-color:#fff;animation:blink 1s steps(1) infinite}@keyframes blink{50%{background-color:transparent}}#lineGroup1{position:absolute;top:10%;left:11%}#lineGroup2{position:absolute;top:13%;left:8%}#lineGroup3{position:absolute;bottom:10%;right:11%;transform:rotate(180deg)}#lineGroup4{position:absolute;bottom:13%;right:8%;transform:rotate(180deg)}#blueCircle{position:absolute;bottom:0;left:50px;content:" ";width:500px;height:500px;border-radius:50%;background-color:#0f1c5c;filter:blur(70px);animation-name:blueCircleRotation;animation-iteration-count:infinite;animation-duration:12s;animation-timing-function:linear}#greenCircle{position:absolute;bottom:0;left:50px;content:" ";width:400px;height:400px;border-radius:50%;background-color:#103133;filter:blur(70px);animation-name:greenCircleRotation;animation-iteration-count:infinite;animation-duration:12s;animation-timing-function:linear}@keyframes blueCircleRotation{0%{left:0;bottom:0;transform:translate(0)}20%{left:0;bottom:30%;transform:translate(0)}30%{bottom:100%;left:25%;transform:translateY(100%)}55%{bottom:100%;left:70%;transform:translateY(100%)}70%{left:100%;bottom:0;transform:translate(-100%)}to{bottom:0;left:0;transform:translate(0)}}@keyframes greenCircleRotation{0%{left:40%;bottom:0;transform:translate(0)}20%{left:0;bottom:10%;transform:translate(0)}30%{bottom:100%;left:10%;transform:translateY(100%)}70%{bottom:100%;left:100%;transform:translate(-100%,100%)}80%{left:90%;bottom:0;transform:translate(-100%)}to{bottom:0;left:40%;transform:translate(0)}}@media (max-width: 800px){.about{padding:0 5%}.content{width:100%}#text{font-size:24px}#lineGroup1,#lineGroup2,#lineGroup3,#lineGroup4{display:none}#blueCircle{width:300px;height:300px}#greenCircle{width:250px;height:250px}}.header{height:100vh;background-image:linear-gradient(144.77deg,#0970ff33 20.69%,#0003 101.02%),url(../assets/images/GreenTriangle.png);background-repeat:no-repeat;background-size:cover;background-position:50% 70%;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 10%;position:relative;text-align:center}.contents>img{max-width:400px}#subtitle{font-weight:400;font-size:40px;margin-top:20px}.fadedLogo{position:absolute;bottom:110px;right:15%}.fadedLogo2{position:absolute;bottom:110px;right:15%;transform:rotate(10deg) scale(.9);opacity:.5}.ellipsis{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.headerExtended{background-image:linear-gradient(142.37deg,#0970ff33 21.97%,#0003 100.07%),url(../assets/images/GreenTriangle.png);background-repeat:no-repeat;background-size:cover;background-position:50% 96%;transform:scaleX(-1) rotate(180deg);height:200px;width:100%}.scrollIndicator{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:99}.scrollIndicator>img:first-child{animation-name:rotateEffect;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:linear}.scrollIndicator .arrows{display:flex;flex-direction:column;position:absolute;bottom:0;left:50%;transform:translate(-50%,-10%);cursor:pointer;animation-name:arrowEffect;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease}.arrows img:last-child{transform:translateY(-70%)}@keyframes arrowEffect{0%{transform:translate(-50%,-20%)}50%{transform:translate(-50%,5%)}to{transform:translate(-50%,-20%)}}@keyframes rotateEffect{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 800px){.header{padding:0 5%}.contents>img{max-width:250px}#subtitle{font-size:24px;line-height:1.4}.ellipsis{display:none}.fadedLogo,.fadedLogo2{bottom:80px;right:5%;transform:scale(.7)}.fadedLogo2{transform:scale(.65) rotate(10deg)}.scrollIndicator{transform:translate(-50%,50%) scale(.8)}}.navbar{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:99;gap:8vw;padding-top:28px;font-size:14px;font-weight:400}.logo{padding:0 30px}.navItem{cursor:pointer}.services{background:linear-gradient(129.79deg,#27528e -111.46%,#fff 72.72%);min-height:100vh;position:relative;overflow:hidden;padding:40px 20px}.vector{position:absolute;top:-75px;right:-50px;z-index:0}.serviceContents{z-index:1;position:relative;text-align:center}.serviceContents h2{margin-top:100px;font-size:16px;font-weight:400;color:#154fa0;letter-spacing:4px;line-height:120%}#heading{margin-top:18px;font-size:56px;font-weight:700;color:#1f2b3e}.cardsContainer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px;margin-top:80px;padding:0 20px}@media (max-width: 768px){.serviceContents h2{margin-top:80px;font-size:14px}#heading{font-size:40px}.cardsContainer{flex-direction:column;margin-top:50px;gap:30px}}.service-card{width:280px;height:350px;padding:30px;border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 10px 20px #0003;transition:transform .3s ease,box-shadow .3s ease;text-align:left;position:relative;overflow:hidden}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0000 50%);z-index:0}.card-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.service-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 30px #0000004d}@media (max-width: 480px){.service-card{width:90vw;height:auto;padding:30px 25px}.card-content{gap:20px}}.story{background-image:url(../assets/gif/cyber.gif);height:100vh;background-repeat:no-repeat;background-size:cover;background-position-x:60%;color:#fff;display:flex;justify-content:center;align-items:center;padding:0 10%}.storyContents{width:70%;display:flex;flex-direction:column;gap:40px;transform:translateY(-50px);position:relative;text-align:center}.title{display:flex;align-items:center;justify-content:center;gap:28px}.title h1{font-weight:400;font-size:64px;line-height:100%;letter-spacing:0%}.description1{font-weight:400;font-size:40px;line-height:100%;letter-spacing:0%;text-align:center}.logoImage{position:absolute;top:-65%;left:-18%;opacity:50%;transform:scale(.9)}@media (max-width: 800px){.story{background-position:center}.storyContents{width:90%;gap:20px;transform:translateY(0)}.title{flex-direction:column;gap:10px}.title h1{font-size:2.5rem}.title img{max-width:200px}.description1{font-size:1.25rem;line-height:1.4}.logoImage{top:-30%;left:50%;transform:translate(-50%) scale(.6)}}footer{padding:86px}.info{display:flex;justify-content:space-between;gap:100px}.infoItem{flex:1}.infoContact{flex:1.5}.info p{font-size:20px;padding-top:20px}.infoLinks{display:flex;justify-content:center;align-items:start;gap:150px;flex:2.5}.logoBox{transform:translateY(-30px)}.copyright{display:flex;justify-content:space-between;padding-top:30px}.copyright ul{display:flex;gap:20px;list-style:none}hr{border-color:#979797;opacity:20%;margin-top:40px}.rights{color:#0a142f;opacity:65%;font-size:14px;font-weight:600}@media (max-width: 800px){footer{padding:50px 25px}.info{flex-direction:column;gap:40px;align-items:center;text-align:center}.infoLinks{gap:50px;justify-content:space-around;width:100%}.logoBox{transform:translateY(0)}.copyright{flex-direction:column-reverse;align-items:center;gap:20px}}.contact h2{color:#3572ae;font-weight:500}#contactDescription{font-size:16px}.contact input{background-color:#343841;padding:16px 12px;width:100%;border-radius:8px;border:none;outline:none;font-size:16px;margin-top:18px;color:#fff}.contact button{display:block;background:linear-gradient(to right,#218086,#27528e);padding:12px 0;width:100%;border-radius:8px;border:none;outline:none;color:#fff;font-size:16px;margin-top:25px;height:52px;cursor:pointer}.links h2{color:#0a142f;font-size:20px;font-weight:400}.links ul{list-style:none;opacity:80%}.links ul li{padding-top:20px}.links ul a{color:#0a142f;opacity:80%;text-decoration:none;font-size:14px}.why{height:100vh;background:linear-gradient(129.79deg,#075acd -111.46%,#000 72.72%);display:flex;justify-content:center;align-items:center;color:#fff}.grid{height:80vh;width:80vw;position:relative;display:flex;justify-content:space-between;align-items:center}.grid:after{position:absolute;background-image:url(../assets/svg/Grid.svg);content:" ";height:80vh;top:0;left:0;opacity:30%;width:100%}.grid:before{position:absolute;background-color:#382c93;content:" ";height:400px;top:50%;left:0;opacity:30%;width:400px;border-radius:50%;filter:blur(70px);transform:translateY(-50%)}.descriptions{width:40%;height:400px;position:relative;display:flex;justify-content:center;flex-direction:column;z-index:10}.description{position:absolute;opacity:0}.description h2{font-size:3rem;margin-bottom:1rem}.description p{font-size:1.2rem;line-height:1.6;color:#ccc}.cards-wrapper{width:50%;height:100%;position:relative}.flip-card{background-color:#b2b2b2;width:400px;height:400px;border-radius:20px;position:absolute;right:70px;top:50%;transform:translateY(-55%);transform-origin:right bottom;background-size:cover;background-position:center}#card-1{transform:translateY(-55%) rotate(-13deg);background-color:#363b41;background-position:center;background-repeat:no-repeat;background-size:center;z-index:3}#card-2{transform:translateY(-55%) rotate(-6deg);background:#404853;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:2}#card-3{background:#4b4f55;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}@media (max-width: 800px){.grid{flex-direction:column;justify-content:center;gap:3rem;height:auto;width:90vw}.grid:before{width:300px;height:300px;left:50%;transform:translate(-50%) translateY(-50%)}.descriptions{width:100%;height:auto;text-align:center;position:relative;min-height:150px}.description h2{font-size:2rem}.description p{font-size:1rem}.cards-wrapper{width:100%;height:350px}.flip-card{width:300px;height:300px;right:auto;left:50%}#card-1{transform:translate(-50%) translateY(-55%) rotate(-13deg)}#card-2{transform:translate(-50%) translateY(-55%) rotate(-6deg)}#card-3{transform:translate(-50%) translateY(-55%)}}