body.login-page{min-height:100vh;display:flex;overflow:hidden;background:var(--color-gray-50)}.login-left{flex:1;position:relative;background:linear-gradient(135deg,var(--color-secondary) 0%,#3d4a6b 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100vh;min-width:0}.login-left-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .8s ease;z-index:0}.login-left-bg-image.loaded{opacity:1}.login-left:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4e5d80bf,#3d4a6bbf);z-index:1}.login-left-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%);z-index:2;pointer-events:none}.login-left-content{position:relative;z-index:3;text-align:center;color:var(--color-white);padding:var(--spacing-xl);max-width:500px}.login-left-content h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-shadow:0 2px 20px rgba(0,0,0,.2);letter-spacing:-.02em}.login-left-content p{font-size:var(--font-size-lg);opacity:.95;text-shadow:0 1px 10px rgba(0,0,0,.15);font-weight:var(--font-weight-light)}.login-right{flex:0 0 30%;max-width:30%;display:flex;align-items:center;justify-content:center;background:var(--color-white);padding:var(--spacing-xl);overflow-y:auto;min-height:100vh}.login-container{width:100%;max-width:420px;animation:fadeInUp .6s ease}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo{width:100px;height:100px;margin:0 auto var(--spacing-xl);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-base);background:var(--color-white);padding:var(--spacing-sm)}.login-logo:hover{transform:scale(1.05) rotate(2deg)}.login-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-xl)}.login-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.login-header p{color:var(--color-gray-500);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:0}.login-form{margin-top:var(--spacing-xl)}.btn-login{width:100%;padding:1rem;background:var(--color-secondary);border:none;border-radius:var(--radius-xl);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden;margin-top:var(--spacing-md)}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,244,30,.2),transparent);transition:left .5s ease}.btn-login:hover:before{left:100%}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#3d4a6b}.btn-login:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.btn-login:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 992px){body.login-page{flex-direction:column}.login-left{min-height:40vh;flex:0 0 auto;min-width:auto}.login-left-content{padding:var(--spacing-lg)}.login-left-content h2{font-size:var(--font-size-2xl)}.login-left-content p{font-size:var(--font-size-base)}.login-right{flex:1;min-height:60vh;padding:var(--spacing-lg);max-width:100%}}@media (max-width: 576px){.login-right{padding:var(--spacing-md)}.login-container{max-width:100%}.login-header h1{font-size:var(--font-size-2xl)}.login-logo{width:80px;height:80px}.login-left-content{display:none}}