.form-wrapper{width:100%}.form-title{font-size:2rem;font-weight:600;color:#fff;margin-bottom:8px}.form-subtitle{font-size:1rem;color:#a0a0a0;margin-bottom:30px}.form-body{display:flex;flex-direction:column;gap:22px}.input-group{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.form-input{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;height:55px;width:100%;padding:0 15px 0 50px;color:#fff;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-input::placeholder{color:#777}.form-input:focus{outline:none;border-color:#008DFC;box-shadow:0 0 0 3px rgba(0,141,252,.2)}.form-input:focus+.input-icon{color:#008DFC}.button-submit{background:#008DFC;color:white;border:none;font-size:1rem;font-weight:600;border-radius:8px;height:55px;width:100%;cursor:pointer;margin-top:10px;display:flex;justify-content:center;align-items:center;transition:background-color .3s,transform .2s}.button-submit:hover:not(:disabled){background-color:#0076d1;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,141,252,.3)}.button-submit:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.divider{display:flex;align-items:center;text-align:center;color:#555;margin:20px 0;font-size:.8rem;font-weight:500}.divider:after,.divider:before{content:"";flex:1;border-bottom:1px solid #444}.divider:not(:empty):before{margin-right:.25em}.divider:not(:empty):after{margin-left:.25em}.toggle-text{font-size:.9rem;text-align:center;margin-top:20px;color:#a0a0a0}.toggle-text span{color:#008DFC;font-weight:600;cursor:pointer}.error-message{color:#ff4d4d;font-size:.9rem;text-align:center;background-color:rgba(255,77,77,.1);padding:10px;border-radius:8px;border:1px solid rgba(255,77,77,.2)}.password-validation-list{list-style-type:none;padding:0;margin:-15px 0 10px 5px;font-size:.8rem}.password-validation-item{display:flex;align-items:center;margin-bottom:4px;color:#ff8a80;transition:color .3s ease}.password-validation-item.valid{color:#b9f6ca;text-decoration:line-through}.password-validation-item svg{width:14px;height:14px;margin-right:8px;flex-shrink:0}.input-wrapper{position:relative}.password-toggle-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#888}.password-toggle-icon:hover{color:#333}.form-input{padding-right:50px}@media (max-width:768px){.form-body{gap:18px}.form-title{font-size:1.8rem}.form-subtitle{font-size:.9rem;margin-bottom:25px}.button-submit,.form-input{height:50px}.password-validation-list{font-size:.75rem}}.login-page-container{margin:0;padding:0;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#111;overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-animation li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.1);animation:animate 25s linear infinite;bottom:-150px}.background-animation li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.background-animation li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.background-animation li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.background-animation li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.background-animation li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.background-animation li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.background-animation li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.background-animation li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.background-animation li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.background-animation li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{  0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-120vh) rotate(2turn);opacity:0;border-radius:50%}}.branding-panel{background:linear-gradient(45deg,rgba(0,20,35,.85),rgba(0,50,90,.9))}.form-container-wrapper{display:grid;grid-template-columns:.8fr 1fr;width:100%;max-width:950px;min-height:600px;background-color:transparent;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.7);overflow:hidden;z-index:2}.branding-panel{padding:50px;background:linear-gradient(45deg,rgba(0,20,35,.85),rgba(0,50,90,.9)),no-repeat 50%;background-size:cover;color:white;display:flex;flex-direction:column;justify-content:space-between}.branding-logo{width:250px;height:auto;opacity:.9;padding-left:4em}.branding-text .branding-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.branding-text .branding-subtitle{font-size:1.1rem;opacity:.8;max-width:300px}.branding-footer{font-size:.8rem;opacity:.6}.form-panel{padding:50px;display:flex;flex-direction:column;justify-content:center;background-color:#1e1e1e}@media (max-width:768px){.login-page-container{align-items:flex-start;padding-top:2rem;height:auto;min-height:100vh}.form-container-wrapper{grid-template-columns:1fr;width:90%;min-height:auto;margin-bottom:2rem}.branding-panel{min-height:250px;padding:30px;border-radius:12px 12px 0 0;text-align:center}.branding-logo{width:180px;padding-left:0;margin:0 auto 1rem}.branding-text .branding-subtitle{max-width:100%;font-size:1rem}.branding-footer{display:none}.form-panel{padding:30px 25px}.form-title{font-size:1.8rem}.form-subtitle{font-size:.9rem}}@media (max-width:380px){.branding-panel{padding:20px;min-height:200px}.branding-logo{width:150px}.form-panel{padding:25px 15px}}