.login{background:linear-gradient(135deg,#012243 0%,#024584 20%,#3b5ea9 40%,#8547ba 60%,#c431b8 80%,red 100%);width:100%;height:100vh;display:flex;overflow:hidden}.login__content-section{color:#fff;flex-direction:column;flex:0 0 60%;order:1;justify-content:center;align-items:flex-start;padding:5vh 60px;display:flex;position:relative;overflow:hidden}.login__logo{opacity:.9;width:160px;height:auto;position:absolute;top:40px;left:40px}.login__content{max-width:700px;animation:.8s ease-out content-slide-in}.login__main-title{text-transform:uppercase;gap:4px;display:flex;margin-bottom:20px!important;font-size:1.4rem!important;font-weight:500!important}.login__main-title .creative{color:#0000;-webkit-text-fill-color:#0000;background-image:linear-gradient(90deg,#4ecdc4,#56e0d6);-webkit-background-clip:text;background-clip:text}.login__main-title .ai{color:#0000;-webkit-text-fill-color:#0000;background-image:linear-gradient(90deg,#ff2e9f,#ff1493);-webkit-background-clip:text;background-clip:text}.login__headline{margin-bottom:28px!important;font-size:2.4rem!important;font-weight:700!important;line-height:1.2!important}.login__headline .highlight{background:linear-gradient(135deg,#e40a0a,#61ec61);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.login__description{opacity:.85;max-width:600px;font-size:1.15rem!important;line-height:1.6!important}.login__form-section{flex:0 0 40%;order:2;justify-content:center;align-items:center;padding:40px;animation:.8s ease-out form-slide-in;display:flex;overflow:hidden}.login__form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;width:100%;max-width:400px;padding:36px;box-shadow:0 8px 32px #00000026}.login__title{background:linear-gradient(135deg,#024584,#8547ba);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px!important;font-size:2rem!important;font-weight:600!important}.login__subtitle{color:#024584;opacity:.8;margin-bottom:32px!important;font-size:1rem!important}.login__form{flex-direction:column;gap:24px;display:flex}.login__form .login__input input{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#012243!important;letter-spacing:.2px!important;background:#fffffff2!important;border-color:#02458433!important;border-radius:12px!important;height:56px!important;padding:16px!important;font-size:1rem!important;font-weight:500!important;transition:all .3s!important}.login__form .login__input input::placeholder{color:#01224380!important;font-weight:400!important}.login__form .login__input input:hover{background:#fff!important;border-color:#3b5ea9!important;box-shadow:0 2px 8px #02458414!important}.login__form .login__input input:focus{background:#fff!important;border-width:2px!important;border-color:#8547ba!important;box-shadow:0 4px 12px #0245841f!important}.login__form .login__input label{color:#024584!important;letter-spacing:.2px!important;font-size:1rem!important;font-weight:500!important}.login__form .login__input label.peer-focus\:text-blue-500{color:#8547ba!important}.login__submit-button{text-transform:none!important;color:#fff!important;background:linear-gradient(135deg,#024584,#4b5ea9)!important;border:none!important;border-radius:12px!important;height:48px!important;margin-top:16px!important;font-size:1.1rem!important;font-weight:600!important;transition:all .3s!important}.login__submit-button:hover{background:linear-gradient(135deg,#013666,#3b5ea9)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #02458433!important}.login__submit-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.login__error{color:#d32f2f;margin-top:-8px;font-size:.875rem}.login__form-options{justify-content:space-between;align-items:center;margin-top:-8px;margin-bottom:8px;display:flex}.login__form-options .flex{align-items:center;gap:8px;display:flex}.login__keep-logged-in{color:#024584!important;margin-left:8px!important;font-size:.875rem!important}.login__forgot-password{color:#8547ba!important;font-size:.875rem!important;text-decoration:none!important;transition:all .3s!important}.login__forgot-password:hover{color:#6e35a2!important;text-decoration:underline!important}.login__checkbox input{color:#3b5ea9!important}.login__checkbox input:checked{color:#8547ba!important}.login__input-icon{color:#02458499!important;width:20px!important;height:20px!important;transition:all .3s!important}.login__avatar-container{justify-content:center;margin-bottom:24px;display:flex}.login__avatar{cursor:pointer;background:linear-gradient(135deg,#024584,#8547ba);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;animation:.6s ease-out avatar-entrance;display:flex;box-shadow:0 8px 16px #02458433}.login__avatar svg{color:#fff;width:40px;height:40px}.login__avatar:hover{transform:translateY(-2px);box-shadow:0 12px 20px #02458440}@keyframes avatar-entrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes content-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes form-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login__title{text-align:center;margin-bottom:12px!important}.login__subtitle{text-align:center;margin-bottom:32px!important}@media (max-width:1024px){.login__headline{font-size:2.5rem!important}.login__description{font-size:1rem!important}.login__content-section{padding:5vh 40px}}@media (max-width:768px){.login{flex-direction:column;height:100%}.login__content-section,.login__form-section{flex:none;width:100%;padding:30px}.login__content-section{order:1;padding-top:60px}.login__form-section{order:2;padding-bottom:40px}.login__logo{width:120px;top:20px;left:20px}.login__headline{font-size:1.8rem!important}.login__main-title{font-size:1.2rem!important}}