@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";@font-face{src:url(/assets/Lato-Regular-e82542ae.ttf);font-family:myFont}:root{--primary: #4678f0;--light: #E1EEF5;--secondary: #1D1D1D;--bg: #F4F1FF;--text: #1F2346;--blue:rgb(91, 156, 255)}*{margin:0;padding:0;box-sizing:border-box;font-family:myFont,Lato}body{display:flex;align-items:center;justify-items:center;justify-content:center;text-transform:capitalize;color:var(--text)}.container{position:relative;margin:40px 0;padding:25px;text-align:center;width:380px;height:max-content;background:var(--bg);border-radius:11px;box-shadow:#00000059 0 5px 15px}.container>header{margin:20px 0 10px;font-size:28px;font-weight:bolder}.container>.btn-group{display:flex;flex-direction:column;margin:10px 0}.container>.btn-group>button{display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin:8px 0;font-size:15px;border:rgba(190,190,190,.3) 2px solid;border-radius:6px;font-weight:700;cursor:pointer;letter-spacing:.3pt;transition:all .2s ease}.container>.btn-group>button>img{width:23px;height:23px;margin-inline:5px}.container>.btn-group>button:hover{background:#e9e8e8}.container>.line{display:flex;justify-content:center;align-items:center;margin:10px}.container>.line>p{margin-inline:10px}.container>.line>.line1,.container>.line .line2{width:100%;height:1px;background-color:#d6d6d6}.container>.input-container div{display:flex;flex-direction:column;text-align:start;margin-block:4px 13px}.container>.input-container div>label{font-weight:700;font-size:16px}.container>.input-container div>input{width:100%;height:37px;font-size:14px;padding-left:7px;border:#c2c0c0 2px solid;border-radius:6px;outline:none;transition:all .2s ease-in-out;margin-top:4px}.container>.input-container div input:focus{border-color:var(--primary)}.container>.input-container div input:focus+.icon{color:var(--primary)}.container>button[type=submit]{width:100%;height:37px;margin-block:16px 18px;cursor:pointer;font-size:17px;border-radius:6px;border:none;background:var(--primary);color:#fff;transition:all .1s ease}.container>button[type=submit]:hover{filter:opacity(.8)}.container>span{display:flex;margin-block:4px 14px;justify-content:space-between}.container>span>p{font-size:15px;text-transform:none}.container>span>a{color:var(--text);font-size:13;text-decoration:none;font-weight:700}.container>span>a:hover{text-decoration:underline;cursor:pointer;color:var(--primary)}.container>button[type=button]{width:100%;height:34px;border:none;background:transparent;font-size:16px;font-weight:700;cursor:pointer;color:var(--primary);transition:all .1s ease}.container>button[type=button]:active{background:#ebe9e9}.icon1,.icon2,.icon3{position:absolute;font-size:22px;transition:all .2s ease-in-out;right:9%}.icon1{top:43%}.icon2{top:54.5%;cursor:pointer}.icon3{top:66.3%;cursor:pointer}