.login .content{padding-block:30px}.login .content .main-container h2{text-align:center;font-size:40px;color:var(--secondColor);margin-bottom:25px}.login .content .main-container .form{display:flex;align-items:center;justify-content:center}.login .content .main-container .form form{display:flex;flex-direction:column;gap:20px;max-width:500px;width:100%;border:1px solid var(--borderColor);border-radius:20px;padding:20px}.login .content .main-container .form form .input-group{display:flex;flex-direction:column;gap:7px}.login .content .main-container .form form .input-group label{font-size:18px;color:var(--darkGray)}.login .content .main-container .form form .input-group input{width:100%;font-size:18px;padding:8px 12px;outline:none;border:1px solid var(--borderColor);border-radius:10px}.login .content .main-container .form form a{display:block;width:fit-content;color:var(--secondColor);font-weight:500;font-size:16spx;text-decoration:underline}.login .content .main-container .form form .btns{display:flex;align-items:center;justify-content:space-between}.login .content .main-container .form form .btns button{width:130px;border:none;background-color:var(--secondColor);color:#fff;font-size:17px;padding:8px 0;border-radius:10px;cursor:pointer}.login .content .main-container .form form .btns p{display:flex;align-items:center;gap:5px;color:var(--lightGray);font-size:17px}@media(max-width:700px){.login .content .main-container .form form .btns{margin-top:10px;flex-direction:column;gap:20px}}
