.main{padding:20px;border-radius:8px;max-width:400px;margin:50px auto 0}h1{color:var(--main-bg-color);font-size:2.2rem;text-align:center;margin-bottom:2rem}.Me{width:100vw;height:100vh;object-fit:cover}.intro{font-size:1.5rem;color:var(--main-text-color);text-align:center;margin-bottom:2rem}.login-form{position:relative}.login-form .email{margin-bottom:1.5rem}.login-form input{width:100%;padding:15px;font-size:16px;border-radius:8px;border:1px solid #5161ce;background-color:#fff;color:#262626;letter-spacing:1px;box-sizing:border-box}.email,.password{padding-top:5px}.login-form .password{position:relative}.create-btn,.login-form .password{display:flex;align-items:center;justify-content:center}.forgottenText{margin-top:-10px;color:var(--main-bg-color)}.create-btn button{color:#fff;background-color:var(--main-bg-color);border:none;padding:12px 20px;border-radius:25px;cursor:pointer;border:1px solid var(--main-bg-color);transition:ease-in;display:flex;font-size:20px;font-weight:"600";align-items:center;justify-content:center}.create-btn button:hover{color:#8b1414;background-color:#fff;transition-duration:.25s}.terms{margin-bottom:15px;display:flex;align-items:center;justify-content:flex-start}.terms input[type=checkbox]{width:20px;height:20px;appearance:none;padding:0 0 13px;margin:0 1rem 0 0;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;border-radius:3px;outline:none;background-color:#fff;position:relative}.terms input[type=checkbox]:checked{background-color:var(--main-bg-color);border-color:var(--main-bg-color)}.terms input[type=checkbox]:checked:before{content:"\2713";position:absolute;top:-15%;left:10%;color:#fff}.conf-show-pass,.show-pass{font-size:14px;color:#101010;display:flex;width:80px;align-items:center;justify-content:space-around;background-color:transparent;border:0;cursor:pointer;position:absolute;right:5px}.otpAuhtFields{border:none;-moz-appearance:textfield;appearance:0;width:51px;outline:none;height:70px;justify-content:center;padding:4px}.frameGroup,.otpAuhtFields{align-items:center;display:flex}.frameGroup{flex:1;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;gap:var(--gap-xl)}.password-container{display:flex;align-items:center;position:relative}.password-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.conf-show-pass{position:absolute;right:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center}.eye-icon{width:20px;height:20px}@media screen and (max-width:676px){.conf-show-pass,.show-pass{font-size:14px;color:#101010;display:flex;width:30px;align-items:center;justify-content:space-around;background-color:transparent;border:0;cursor:pointer;position:absolute;right:5px}}