.login-section{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0}.login-section__container{display:flex;min-height:100vh;width:100%}.login-section__panel{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;padding:60px 40px;position:relative;transition:flex .6s cubic-bezier(.7,0,.2,1)}.login-section__panel:hover{flex:1.1}.login-section__panel--left{background:linear-gradient(135deg,#667eea,#764ba2)}.login-section__panel--right{background:linear-gradient(135deg,#f093fb,#667eea)}.login-section__image-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.login-section__image{height:100%;object-fit:cover;opacity:.3;transition:opacity .6s ease,transform .6s cubic-bezier(.7,0,.2,1);width:100%}.login-section__panel:hover .login-section__image{opacity:.4;transform:scale(1.05)}.login-section__overlay{background:rgba(50,20,50,.6);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background .6s ease;z-index:1}.login-section__panel:hover .login-section__overlay{background:rgba(50,20,50,.5)}.login-section__content{max-width:500px;position:relative;text-align:center;transform:translateY(0);transition:transform .6s cubic-bezier(.7,0,.2,1);width:100%;z-index:2}.login-section__panel:hover .login-section__content{transform:translateY(-10px)}.login-section__text{align-items:center;display:flex;flex-direction:column;gap:20px}.login-section__title{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.login-section__description{color:#fff;font-size:18px;line-height:1.6;margin:0;opacity:.95;text-shadow:0 1px 10px rgba(0,0,0,.2)}.login-section__button{background-color:#fff;border:2px solid #fff;border-radius:50px;color:#321432!important;cursor:pointer!important;display:inline-block;font-size:16px;font-weight:600;margin-top:12px;outline:none;overflow:hidden;padding:16px 48px;position:relative;text-decoration:none}.login-section__button span{position:relative;transition:color .3s cubic-bezier(.7,0,.2,1);z-index:2}.login-section__button:before{background:#321432;border-radius:50%;content:"";height:0;left:var(--mouse-x);position:absolute;top:var(--mouse-y);transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out;width:0;z-index:1}.login-section__button.hovering:before{height:400%;width:400%}.login-section__button:hover span{color:#fff!important}.login-section__button:hover{box-shadow:0 8px 20px rgba(0,0,0,.3)}.login-section__button--disabled{cursor:not-allowed!important;opacity:.6;pointer-events:none}@media (max-width:1024px){.login-section__title{font-size:40px}.login-section__description{font-size:16px}.login-section__button{font-size:15px;padding:14px 40px}}@media (max-width:768px){.login-section__container{flex-direction:column}.login-section__panel{min-height:50vh;padding:40px 20px}.login-section__panel:hover{flex:1}.login-section__title{font-size:36px}.login-section__description{font-size:15px}.login-section__button{padding:14px 36px}}@media (max-width:480px){.login-section__title{font-size:32px}.login-section__description{font-size:14px}.login-section__button{font-size:14px;padding:12px 32px}}