.login-section{background:#f8f9fa;min-height:100vh}.mascot-img{top:-40px}.page-bg-shape{position:absolute;background:linear-gradient(20deg,#312ED3 8.49%,#FACCD0 91.51%);opacity:.6;filter:blur(100px);z-index:0;border-radius:50%}.shape-bottom-left{width:787px;height:787px;bottom:-200px;left:-343px;top:auto}.shape-center{width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4}.shape-right-bottom{width:500px;height:500px;top:50%;right:-100px;bottom:auto;transform:translateY(-50%)}.login-page-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.login-card-wrapper{display:flex;width:auto;max-width:95vw;height:auto;background:transparent;box-shadow:none;border-radius:0;gap:28px;overflow:visible}.left-panel{width:550px;height:700px;padding:51px 50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;gap:35px;background:#FFFFFF;border-radius:30px;transition:transform .3s ease}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.right-panel{background-size:200% 200%;animation:gradientShift 15s ease infinite}.login-btn{transition:all .3s ease;position:relative;overflow:hidden;box-shadow:none}.login-btn:hover{background-color:#312ED3!important;transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(49,46,211,.4)!important;-moz-box-shadow:0 10px 20px rgba(49,46,211,.4)!important;box-shadow:0 10px 20px rgba(49,46,211,.4)!important}.login-form-input:focus,.login-form-input:hover{border-color:#312ED3;box-shadow:0 0 0 4px rgba(49,46,211,.1)}.login-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.login-form-intro{text-align:center;margin-top:80px;width:100%}.login-page-title{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;font-style:normal;line-height:55px;color:#000000;letter-spacing:0;text-align:center;margin-bottom:9px;text-transform:capitalize}.login-page-subtitle{font-family:var(--font-andika),sans-serif;font-size:22px;font-weight:400;font-style:normal;line-height:100%;letter-spacing:0;color:#525252}.login-form-fields{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.form-group{width:100%;display:flex;justify-content:center}.login-form-input{width:450px;height:60px;border-radius:999px;padding:0 25px;border:1px solid #eaeafb;background-color:#FFFFFF;font-family:var(--font-andika),sans-serif;font-size:16px;color:#333;transition:all .3s ease}.login-form-input:focus{outline:none;border-color:#312ED3}.login-btn{width:450px;height:60px;border-radius:999px;padding:0 40px;background-color:#312ED3!important;color:#FFFFFF;font-family:var(--font-andika),sans-serif;font-size:17px;font-weight:400;line-height:48px;letter-spacing:0;text-transform:capitalize;border:none;cursor:pointer;margin-top:5px;display:flex;justify-content:center;align-items:center}.login-btn:hover{background-color:#2522a0!important}.divider{display:flex;align-items:center;text-align:center;margin:15px 0;color:#666;font-size:12px;font-family:Montserrat,sans-serif}.divider:after,.divider:before{content:"";flex:1;border-bottom:1px dashed #ccc}.divider span{padding:0 10px}.social-login-buttons{display:flex;gap:10px;margin-bottom:15px}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 15px;border:1px solid #eaeafb;border-radius:8px;background:#f8f9fa;cursor:pointer;font-size:11px;font-family:Montserrat,sans-serif;font-weight:600;color:#333;transition:all .2s}.social-btn:hover{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05)}.switch-login-form{font-family:var(--font-andika),sans-serif;font-size:14px;color:#666;text-align:center;margin-top:40px}.switch-login-form a{color:#312ED3;font-weight:600;text-decoration:none}.right-panel{width:550px;height:700px;background:linear-gradient(180deg,#312ED3 33.49%,#FACCD0 107.31%);border-radius:30px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.glass-card{position:relative;z-index:2;width:348px;height:442px;background:#FFFFFF36;border:1px solid #ffffff85;border-radius:46px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 20px;text-align:center;color:#FFFFFF}.left-floating-icon{position:absolute;left:-30px;top:85%;transform:translateY(-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.glass-card h3{font-family:Montserrat,sans-serif;font-weight:700;font-size:32px;line-height:55px;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.illustration-container{margin-top:auto;display:flex;justify-content:center;margin-bottom:-60px}.mascot-img{width:358px;height:340px;object-fit:contain;position:relative;top:-60px;left:40px}@media (max-width:1150px){.login-card-wrapper{flex-direction:column;width:auto;align-items:center}.right-panel{display:none}.left-panel{width:100%;max-width:550px;height:auto;min-height:700px}}@media (max-width:600px){.left-panel{width:100%;padding:30px 20px;min-height:auto}.login-btn,.login-form-input{width:100%}}@media (max-width:480px){.login-card-wrapper{width:100%;border-radius:10px}}