.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.shape-1{width:200px;height:200px;animation-delay:0s;top:10%;left:10%}.shape-2{width:150px;height:150px;animation-delay:2s;top:60%;right:10%}.shape-3{width:100px;height:100px;animation-delay:4s;bottom:20%;left:60%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.login-form-container{z-index:2;width:100%;max-width:400px;padding:20px;position:relative}.login-form-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a}.login-header{text-align:center;margin-bottom:24px}.logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex;box-shadow:0 10px 20px #667eea4d}.logo-icon{color:#fff;font-size:24px}.login-title{font-weight:600;color:#2c3e50!important;margin-bottom:8px!important}.login-subtitle{color:#7f8c8d;font-size:14px}.demo-info{text-align:center;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;margin-bottom:24px;padding:12px 16px}.demo-text{color:#667eea;font-size:13px}.login-form{margin-top:0}.login-form .ant-form-item-label>label{color:#2c3e50;font-weight:500}.login-input{border:1px solid #e1e8ed;border-radius:12px;padding:12px 16px;transition:all .3s}.login-input:hover,.login-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.input-icon{color:#7f8c8d;margin-right:8px}.login-options{margin-bottom:24px!important}.options-wrapper{justify-content:flex-start;align-items:center;display:flex}.remember-checkbox{color:#2c3e50}.login-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;height:48px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active{transform:translateY(0)}.login-spinner{margin-right:8px}.login-button.ant-btn-loading{pointer-events:none}.login-button.ant-btn-loading:hover{transform:none}@media (max-width:480px){.login-form-container{padding:16px}.login-form-wrapper{padding:24px}.logo{width:50px;height:50px}.logo-icon{font-size:20px}.login-title{font-size:20px!important}}.ant-input-affix-wrapper,.ant-input-password{border-radius:12px!important}.ant-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important}.ant-form-item-explain-error{font-size:12px}.ant-checkbox-wrapper{font-size:14px}.ant-message{z-index:9999}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}