.login_container{position:fixed;display:flex;padding:2.5rem 0;height:100vh;z-index:10;inset:0;overflow:auto;background:var(--secondary)}.login_container .modal{margin:auto;padding:32px 20px;max-width:700px;width:95%;background:var(--bg);border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.login_container .modal span{font-weight:700;font-size:2rem;margin-bottom:5px}.login_container .modal p{font-size:12px;line-height:1.5}.login_container .modal form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:32px 0;gap:32px}.login_container .modal form .input{display:flex;justify-content:flex-start;align-items:center;padding:10px;border-radius:5px;width:100%;background:var(--bgSoft);margin-top:10px;gap:12px;border:1px solid var(--secondary)}.login_container .modal form .input svg{font-size:16px;color:var(--accent)}.login_container .modal form .input input{outline:none;border:none;background:var(--bgSoft);color:var(--accent);line-height:1.5;font-weight:lighter}.login_container .modal form .forgot_pw{width:100%;display:flex;justify-content:space-between;align-items:center}.login_container .modal form .forgot_pw div{display:flex;position:relative;gap:10px}.login_container .modal form .forgot_pw div p{color:var(--accent);font-weight:700;font-size:14px}.login_container .modal .btn{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:600;width:100%;padding:16px;border-radius:10px}.login_container .modal .btn:hover{background:var(--hover)}.login_container .modal .sign_up{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0;width:100%}.login_container .modal .sign_up a{font-weight:700;color:var(--primary);font-size:18px}.login_container .modal .sign_up a:hover{color:var(--accent)}