.login{width:100%;display:flex;justify-content:center;align-items:center;margin:100px auto 40px}.login__title{font-size:36px;font-weight:700;text-align:center;margin-bottom:2rem}.login__form{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;position:relative;background:#fff;border-radius:28px}.login__form-group{position:relative;width:100%}.login__input{width:100%;background-color:#F6F6F6;padding:10px 14px;margin-bottom:35px;border:1px solid #04A6B8;border-radius:16px;font-size:16px;outline:none;transition:border-color 0.3s ease}.login__input::placeholder{color:#a0a0a0}.login__input.error{border-color:#FF4545;color:#FF4545}.login__error-message{position:absolute;bottom:12px;left:15px;font-size:14px;color:#f55}.login__button{width:auto;background-color:#ffe600;color:#0292a2;border:none;padding:10px 40px;font-size:16px;font-weight:600;border-radius:15px;margin-top:20px;cursor:pointer;transition:background-color 0.3s}.login__button:hover{background-color:#f7c501}.login__register{text-align:center;margin-top:10px;font-size:14px}.login__register a{margin-left:7px}.login__forgot{text-align:center;margin-top:10px;font-size:14px}.login__link{color:#04A6B8;text-decoration:none}.login__link:hover{color:#016b77;text-decoration:underline}.login__image{width:204px;height:auto;margin-top:40px;padding-left:40px}@media (max-width: 768px){.login{padding:0 15px;margin:60px auto 30px}.login__title{font-size:28px}}@media (max-width: 480px){.login{padding:0 10px;margin:30px auto 30px}.login__title{font-size:24px}.login__input{font-size:14px;padding:10px}.login__image{width:115px;margin-top:20px}}