.logo{position:absolute;top:20px;left:20px;z-index:10}.logo-mobile{display:none}.logo img{max-width:150px;height:auto}.forgot-link{display:block;margin-top:10px;font-size:.9rem;color:#d0dae7;text-decoration:none;text-align:right}.left-side{position:absolute;left:-5%;top:50%;transform:translateY(-50%);width:50%;height:80%;display:flex;justify-content:center;align-items:center}.login-card{position:absolute;right:13%;top:50%;transform:translateY(-50%);width:400px;padding:40px;border-radius:20px;box-shadow:0 8px 32px #036090;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;flex-direction:column;gap:15px}.login-card input{padding:10px;border-radius:20px;border:none;outline:none}.login-card button{padding:10px;border-radius:20px;border:none;background:#005c8b;cursor:pointer}.illustration-img{position:absolute;bottom:20%;left:50%;transform:translate(-50%);max-width:15%;height:auto;z-index:2}.blob{position:absolute;width:min(460px,70vw);height:min(460px,70vw);background:linear-gradient(145deg,#031b2e,#005c8b);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:blobWander 12s infinite ease-in-out;z-index:1;box-shadow:0 20px 30px -10px #1a3a2a33}@keyframes blobWander{0%,to{border-radius:73% 27% 56% 44%/38% 47% 53% 62%;transform:rotate(0) scale(1)}33%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:rotate(5deg) scale(.98)}66%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(-3deg) scale(1.02)}}@media screen and (max-width:1078px){.illustration-img{position:absolute;bottom:20%;left:50%;transform:translate(-50%);max-width:25%}}@media screen and (max-width:1024px){.login-card{width:280px;padding:25px;right:5%}.blob{width:min(400px,60vw);height:min(400px,60vw)}.illustration-img{position:absolute;bottom:20%;left:50%;transform:translate(-50%);max-width:25%}}@media screen and (max-width:768px){.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-card label{color:#fff!important;font-weight:500}.login-card input{background:#ffffffe6;color:#031b2e}.logo{position:relative;top:0;left:0;margin-top:20px;text-align:center}.logo-desktop{display:none}.logo-mobile{display:block}.logo img.logo-mobile{max-width:120px}.left-side{display:none}.blob{width:min(250px,50vw);height:min(250px,50vw)}.login-card{position:relative;right:0;top:0;transform:none;width:90%;max-width:350px;margin:20px auto;background:#031b2ecc;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #036090}form{width:100%;display:flex;justify-content:center}}@media screen and (max-width:480px){.logo img{max-width:100px}.login-card label{color:#fff!important;font-weight:500}.login-card input{background:#ffffffe6;color:#031b2e}.left-side{height:150px}.blob{width:min(180px,45vw);height:min(180px,45vw)}.login-card{padding:20px;width:85%;background:#031b2ecc;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #00000080}.login-card h2{font-size:1.5rem;margin:0}.login-card input,.login-card button{padding:8px 15px;font-size:14px}}@media screen and (max-width:320px){.left-side{height:120px}.blob{width:min(140px,40vw);height:min(140px,40vw)}.login-card{padding:15px}.login-card input{background:#005c8b;color:#fff}}@media screen and (max-height:600px)and (orientation:landscape){.left-side{height:150px}.blob{width:min(150px,30vh);height:min(150px,30vh)}.login-card{padding:15px;gap:10px}.login-card input{background:#005c8b;color:#fff}.login-card input,.login-card button{padding:6px 12px}}.blob{position:relative;width:min(460px,70vw);height:min(460px,70vw);background:linear-gradient(145deg,#031b2e,#005c8b);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:blobWander 12s infinite ease-in-out;z-index:1;box-shadow:0 20px 30px -10px #1a3a2a33}.blob:before,.blob:after{content:"";position:absolute;background:linear-gradient(145deg,#005c8b,#031b2e);border-radius:50%;z-index:-1;opacity:.8;animation:bubbleFloat 8s infinite ease-in-out}.blob:before{width:80px;height:80px;top:-20px;right:10%;animation-delay:1s}.blob:after{width:120px;height:120px;bottom:-10px;left:-20px;animation-delay:-2s}@keyframes bubbleFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-25px) scale(1.1)}}