.authDrawerOverlay{z-index:999;background:#00000080;position:fixed;inset:0}.authDrawer{z-index:1000;background:#fff;flex-direction:column;width:500px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-500px;box-shadow:-2px 0 10px #0000001a}.authDrawer.open{right:0}.authDrawerHeader{border-bottom:1px solid #d4d7df;justify-content:space-between;align-items:center;padding:30px;display:flex}.authDrawerHeader h2{color:#000;margin:0;font-size:24px;font-weight:700}.authDrawerHeader .closeButton{cursor:pointer;color:#000;background:0 0;border:none;padding:5px;transition:opacity .3s}.authDrawerHeader .closeButton:hover{opacity:.7}.authDrawerContent{flex:1;padding:30px;overflow-y:auto}.authMenu{flex-direction:column;gap:15px;display:flex}.authMenuButton{color:#fff;cursor:pointer;background:#7ab52b;border:none;padding:20px;font-size:18px;font-weight:500;transition:background .3s}.authMenuButton:hover{background:#689d22}.userTypeSelection{flex-direction:column;gap:15px;display:flex}.userTypeHint{color:#9b9da3;margin-bottom:10px;font-size:16px}.userTypeCard{cursor:pointer;color:#000;background:#e2e3e4;border:2px solid #d4d7df;align-items:center;gap:15px;padding:20px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.userTypeCard:hover{background:#fff;border-color:#7ab52b;transform:translate(-5px)}.userTypeCard:hover svg{color:#7ab52b}.userTypeCard svg{color:#000;flex-shrink:0;transition:color .3s}.authForm{flex-direction:column;gap:20px;display:flex}.formGroup{flex-direction:column;gap:8px;display:flex}.formGroup label{color:#000;font-size:14px;font-weight:500}.formGroup input{color:#000;background:#fff;border:1px solid #d4d7df;outline:none;padding:15px 20px;font-size:16px;transition:border-color .3s}.formGroup input:focus{border-color:#7ab52b}.formGroup input::placeholder{color:#9b9da3}.passwordInput{position:relative}.passwordInput input{width:100%;padding-right:50px}.passwordInput .togglePassword{cursor:pointer;background:0 0;border:none;padding:5px;transition:opacity .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.passwordInput .togglePassword:hover{opacity:.7}.errorMessage{color:#c62828;background:#ffebee;border-left:4px solid #c62828;padding:15px 20px;font-size:14px}.submitButton{color:#fff;cursor:pointer;background:#7ab52b;border:none;padding:15px 40px;font-size:16px;font-weight:500;transition:background .3s}.submitButton:hover:not(:disabled){background:#689d22}.submitButton:disabled{opacity:.6;cursor:not-allowed}.backButton{color:#7ab52b;cursor:pointer;text-align:left;background:0 0;border:none;padding:10px 0;font-size:16px;transition:color .3s}.backButton:hover{opacity:.8}.moderationNote{color:#9b9da3;margin:0;font-size:14px}@media (max-width:768px){.authDrawer{width:100%;right:-100%}.authDrawer.open{right:0}.authDrawerHeader{padding:20px}.authDrawerHeader h2{font-size:20px}.authDrawerContent{padding:20px}.authMenuButton{padding:16px;font-size:16px}.userTypeHint{margin-bottom:8px;font-size:15px}.userTypeCard{gap:12px;padding:16px;font-size:15px}.authForm{gap:16px}.formGroup label{font-size:13px}.formGroup input{padding:12px 16px;font-size:15px}.errorMessage{padding:12px 16px;font-size:13px}.submitButton{padding:12px 30px;font-size:15px}.backButton{font-size:15px}.moderationNote{font-size:13px}}@media (max-width:480px){.authDrawerHeader{padding:15px}.authDrawerHeader h2{font-size:18px}.authDrawerHeader .closeButton{padding:3px}.authDrawerHeader .closeButton svg{width:20px;height:20px}.authDrawerContent{padding:15px}.authMenu{gap:12px}.authMenuButton{padding:14px;font-size:15px}.userTypeSelection{gap:12px}.userTypeHint{font-size:14px}.userTypeCard{gap:10px;padding:14px;font-size:14px}.userTypeCard svg{width:20px;height:20px}.authForm{gap:14px}.formGroup{gap:6px}.formGroup label{font-size:12px}.formGroup input{padding:10px 14px;font-size:14px}.passwordInput input{padding-right:45px}.passwordInput .togglePassword{right:12px}.passwordInput .togglePassword svg{width:18px;height:18px}.errorMessage{padding:10px 14px;font-size:12px}.submitButton{padding:10px 25px;font-size:14px}.backButton{padding:8px 0;font-size:14px}.moderationNote{font-size:12px}}
