@import"https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic";html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:Montserrat,sans-serif}#root{position:relative}body{height:100%;background:#01031c}a{color:inherit;text-decoration:none}button{border:none;background-color:transparent;cursor:pointer}.cantainer{max-width:1350px;width:100%;margin:0 auto;padding:0 20px}.head-logo{width:40px;height:40px;border-radius:50%}.header{width:100%;padding:20px 0;background-color:transparent;position:fixed;top:0;z-index:2}.header-wrap{position:relative;width:100%;background-color:#01031c;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;border:3px solid #14162d;z-index:999;max-width:1350px}.header-logo{font-size:22px}@media screen and (max-width: 470px){.header-logo{font-size:18px}}.header-nav{display:flex;align-items:center}@media screen and (max-width: 890px){.header-nav{display:none}}.header-nav-title{width:140px;text-align:center;padding:12px;border-radius:30px;color:#fff;text-decoration:none;transition:all .3s ease}.header-nav-title.active{background-color:#fff;color:#000}.header-nav-title.active:hover{background:#fff;color:#000}.header-nav-title:hover{background:#10122f;color:#fff}.header-started{color:#000;padding:15px 24px;background-color:#fff;letter-spacing:1px;border-radius:12px;font-size:16px}@media screen and (max-width: 890px){.header-started{display:none}}.header-menu-btn{color:#fff;display:none}@media screen and (max-width: 890px){.header-menu-btn{display:block}}.header-menu-btn.removeBtn{display:none}.header-menu-close{display:none;color:#fff}.header-menu-close.addClose{display:block;color:#fff;transform:rotateY(360deg)}.header-menu{width:450px;position:absolute;top:100%;left:0;z-index:1;transform:translateY(-200%);transition:all .3s ease-in-out;display:flex;padding:24px 0;background-color:#01031c}.header-menu-nav{display:flex;flex-direction:column;align-items:start;gap:10px;padding:24px}.header-menu.active{transform:translateY(0)}.header-menu-title{color:#fff}.header-started-menu{padding:8px;border-radius:6px;background-color:#fff}.header-profile{display:flex;align-items:center;gap:10px}.banner-wrap{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:200px;color:#fff}.banner-title{font-size:56px;font-weight:500;text-align:center}@media screen and (max-width: 856px){.banner-title{font-size:42px}}@media screen and (max-width: 618px){.banner-title{font-size:32px}}.banner-desc{text-align:center;font-size:18px;font-weight:600;color:#999}@media screen and (max-width: 618px){.banner-desc{font-size:14px}}.banner-buttons{display:flex;align-items:center;gap:20px}.banner-more{padding:15px 24px;letter-spacing:1px;border-radius:12px;font-size:16px;background-color:#14162d;color:#fff}@media screen and (max-width: 618px){.banner-more{font-size:14px}}.banner-image,.banner-image img{width:100%;height:100%}.projects{margin-top:50px;color:#fff}.projects-wrap{display:flex;flex-direction:column;gap:30px}.projects-desc{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center}.projects-desc-title{font-size:36px}@media screen and (max-width: 764px){.projects-desc-title{font-size:32px}}@media screen and (max-width: 610px){.projects-desc-title{font-size:24px}}.projects-desc-sub{width:700px}@media screen and (max-width: 764px){.projects-desc-sub{font-size:14px;width:100%}}@media screen and (max-width: 610px){.projects-desc-sub{font-size:13px}}.projects-card{display:flex;flex-direction:column;gap:30px;font-family:Montserrat,sans-serif}.projects-card-item{padding:24px;gap:20px;background-color:#081426;border-radius:12px;display:flex;justify-content:space-between}@media screen and (max-width: 1080px){.projects-card-item{height:380px}}@media screen and (max-width: 980px){.projects-card-item{flex-direction:column;justify-content:start;height:650px}}@media screen and (max-width: 410px){.projects-card-item{height:700px}}.projects-card-item-desc{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:20px}@media screen and (max-width: 610px){.projects-card-item-desc-title{font-size:24px}}.projects-card-item-desc-sub{width:600px}@media screen and (max-width: 1280px){.projects-card-item-desc-sub{width:500px}}@media screen and (max-width: 610px){.projects-card-item-desc-sub{width:100%;font-size:14px}}.projects-card-item-desc-btn{padding:12px 32px;background-color:#084196;color:#fff;border-radius:6px;font-weight:500;margin-top:50px}.projects-card-item-about{width:100%;height:250px;overflow:hidden;object-fit:cover;border-radius:12px;display:flex;gap:20px}@media screen and (max-width: 1180px){.projects-card-item-about{height:200px}}@media screen and (max-width: 1080px){.projects-card-item-about{flex-direction:column;overflow:visible}}.projects-card-item-about-img{width:250px;height:100%}.projects-card-item-about-img img{width:100%;height:100%}@media screen and (max-width: 1080px){.projects-card-item-about-img{width:300px}}@media screen and (max-width: 450px){.projects-card-item-about-img{width:100%}}.projects-card-item-about-desc{width:350px;height:120px;border-left:1px solid #f68705;padding-left:12px;display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 450px){.projects-card-item-about-desc{width:100%;height:100%}}.projects-card-item-about-desc-sub{font-size:13px}@media screen and (max-width: 450px){.projects-card-item-about-desc-sub{font-size:12px}}.features{padding-top:100px}.features-wrap{display:flex;flex-direction:column;gap:30px}.features-title{text-align:center;font-size:32px;color:#fff}@media screen and (max-width: 737px){.features-title{font-size:24px}}.features-about{display:flex;align-items:center;justify-content:space-between;gap:50px}@media screen and (max-width: 875px){.features-about{flex-direction:column;align-items:center;width:100%}}.features-about-desc{width:50%;display:flex;flex-direction:column;gap:30px}@media screen and (max-width: 875px){.features-about-desc{width:100%}}.features-about-img{width:50%;overflow:hidden}.features-about-img img{width:100%;height:100%}@media screen and (max-width: 875px){.features-about-img{width:100%}}.features-about-desc-item{display:flex;flex-direction:column;gap:10px;color:#fff}@media screen and (max-width: 875px){.features-about-desc-item{width:100%}}.features-item-title{font-size:24px;font-weight:600}@media screen and (max-width: 737px){.features-item-title{font-size:18px}}.features-item-sub{line-height:140%;font-size:14px}@media screen and (max-width: 737px){.features-item-sub{font-size:13px}}.about{padding-top:100px;margin-bottom:50px}.about-wrap{display:flex;align-items:center;gap:50px}@media screen and (max-width: 875px){.about-wrap{flex-direction:column}}.about-title{font-size:32px;color:#fff}@media screen and (max-width: 737px){.about-title{font-size:24px}}.about-left-image{width:50%;height:600px;background-color:#fff;border-radius:30px;overflow:hidden}.about-left-image img{width:100%;height:100%}@media screen and (max-width: 1124px){.about-left-image{height:500px}}@media screen and (max-width: 940px){.about-left-image{height:400px}}@media screen and (max-width: 875px){.about-left-image{width:100%;height:400px}}@media screen and (max-width: 550px){.about-left-image{height:300px}}.about-right-desc{width:50%;height:600px;display:flex;flex-direction:column;gap:30px;color:#fff}@media screen and (max-width: 875px){.about-right-desc{width:100%}}.about-item-icon{color:#fff}.about-right-desc-item{width:100%;border-radius:12px;padding:24px;background-color:#0d0e28;display:flex;gap:20px}.about-item-subtitle{display:flex;flex-direction:column;gap:10px}.about-item-subtitle-title{font-size:18px;font-weight:600}@media screen and (max-width: 737px){.about-item-subtitle-title{font-size:16px}}.about-item-subtitle-desc{line-height:110%}@media screen and (max-width: 737px){.about-item-subtitle-desc{font-size:12px}}.contact{padding-top:100px;color:#fff;padding-bottom:100px}.contact-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}@media screen and (max-width: 875px){.contact-wrap{flex-direction:column}}.contact-left{width:50%;display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 875px){.contact-left{width:100%}}.contact-left-title{font-size:32px;font-weight:700}@media screen and (max-width: 737px){.contact-left-title{font-size:24px}}.contact-left-sub{line-height:160%}.contact-left-social{display:flex;align-items:center;gap:20px}@media screen and (max-width: 875px){.contact-left-social{justify-content:center}}.contact-right{width:40%;height:500px;padding:24px;border-radius:12px;background-color:#01031c;border:3px solid #442791;animation:borderGlow 3s infinite ease-in-out;position:relative}@media screen and (max-width: 875px){.contact-right{width:70%}}@media screen and (max-width: 526px){.contact-right{width:100%}}@keyframes borderGlow{0%{border-color:#4427914d;box-shadow:0 0 5px #4427914d}50%{border-color:#442791;box-shadow:0 0 15px #442791cc}to{border-color:#4427914d;box-shadow:0 0 5px #4427914d}}.contact-form{background:#01031c;padding:24px;border-radius:12px;width:100%;max-width:400px;margin:50px auto;box-shadow:0 0 15px #44279180}.contact-form label{display:block;color:#fff;margin-bottom:6px;font-size:14px}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:16px;border-radius:8px;border:1px solid #444;background:transparent;color:#fff;font-size:14px;outline:none;transition:.3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.contact-form input:focus,.contact-form textarea:focus{border-color:#442791;box-shadow:0 0 8px #442791cc}.contact-form button{width:100%;padding:14px;background:#442791;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s ease}.contact-form button:hover{background:#5638a6}.profile{margin-top:150px}.profile-wrap{height:650px;background-color:#fff;border-radius:20px;overflow:hidden}.profile-card{box-shadow:0 4px 12px #0000001a;height:100%}.profile-card-item{display:flex;align-items:center;gap:20px}@media screen and (max-width: 450px){.profile-card-item{flex-direction:column;align-items:center}}@media screen and (max-width: 450px){.profile-card-item-none{display:none}}.login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb}.login-form{width:350px;height:320px;background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;border:1px solid #999}@media screen and (max-width: 420px){.login-form{width:270px}}.login-form-inputs{display:flex;align-items:center;gap:10px;padding:8px;border:2px solid #f9fafb;background-color:#f9fafb;border-radius:8px;margin-bottom:20px}.login-form-inputs input{width:100%;height:100%;background-color:transparent;border:none;outline:none}.login-form-forgot{text-align:end;font-size:14px;color:#6495ed;cursor:pointer}.login-form-in{width:100%;color:#fff;background:linear-gradient(135deg,#00c6ff,#0072ff);padding:12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px}@media screen and (max-width: 420px){.login-form-in{padding:8px}}.login-form-up{display:flex;gap:10px;font-size:13px;justify-content:center;color:#6495ed}.register{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f9fafb}.register-form{width:350px;background-color:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:20px;border:1px solid #999}@media screen and (max-width: 420px){.register-form{width:270px}}.register-form input{padding:8px;background-color:transparent;border:none;outline:none;border:2px solid #f9fafb;border-radius:6px;letter-spacing:1px}.register-title{text-align:center}.register-button{width:100%;color:#fff;background:linear-gradient(135deg,#00c6ff,#0072ff);padding:12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px}@media screen and (max-width: 420px){.register-button{padding:8px}}.register-in{display:flex;gap:10px;font-size:13px;justify-content:center;color:#6495ed}.register-form input.error{border:2px solid red}