*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;position:relative}.login-wrapper{position:relative;width:100%;max-width:1100px;display:flex;align-items:center;gap:0;z-index:1}.brand-section{flex:1;background:#fff;padding:80px 60px;border-radius:32px 0 0 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d}.brand-section:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#1565c008;top:-150px;left:-100px}.brand-section:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#1565c00d;bottom:-100px;right:-80px}.brand-content{position:relative;z-index:1;text-align:center}.logo-large{width:280px;height:auto;margin-bottom:40px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));animation:fadeInScale 1s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.brand-text{color:#424242;font-size:18px;font-weight:400;line-height:1.8}.form-section{flex:1;background:linear-gradient(135deg,#1565c0,#0d47a1);padding:80px 60px;border-radius:0 32px 32px 0;box-shadow:-10px 0 50px #00000026;min-height:600px;display:flex;flex-direction:column;justify-content:center;animation:slideInRight .8s ease-out;position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0d;top:-100px;right:-100px}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.mobile-logo-wrap{display:none}@media(min-width:969px){.mobile-logo-wrap{display:none!important}}.form-header{margin-bottom:48px;position:relative;z-index:1}.form-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}.form-subtitle{font-size:15px;color:#ffffffe6;font-weight:400}.form-group{margin-bottom:28px;position:relative;z-index:1}.form-label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:.3px}.input-wrapper{position:relative}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#757575;transition:color .3s ease;z-index:1}.form-input{width:100%;padding:16px 20px 16px 50px;font-family:Poppins,sans-serif;font-size:15px;color:#000;background:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease;outline:none}.form-input:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #fff3;transform:translateY(-2px)}.form-input:focus~.input-icon{color:#1565c0}.form-input::-moz-placeholder{color:#9e9e9e}.form-input::placeholder{color:#9e9e9e}.btn-login{width:100%;padding:18px;font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#1565c0;background:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .4s ease;margin-top:16px;box-shadow:0 8px 24px #0003;position:relative;overflow:hidden;z-index:1}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(21,101,192,.1),transparent);transition:left .5s ease}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.btn-login:active{transform:translateY(-1px)}@media(max-width:968px){body{background:linear-gradient(135deg,#1565c0,#0d47a1);padding:24px}.login-wrapper{max-width:450px;display:block}.brand-section{display:none}.form-section{border-radius:24px;padding:32px 36px;min-height:auto;background:#fff;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-section:before{display:none}.form-header{text-align:center;margin-bottom:40px}.mobile-logo-wrap{display:flex;justify-content:center;margin-bottom:20px}.mobile-logo-img{width:110px;height:auto}.form-title{font-size:28px;color:#1a1a1a}.form-subtitle{font-size:14px;color:#6b7280}.form-label{color:#1a1a1a}.form-input{font-size:16px;padding:14px 18px 14px 48px}.btn-login{background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;padding:16px;font-size:15px}.btn-login:hover{background:linear-gradient(135deg,#0d47a1,#1565c0)}}@media(max-width:480px){body{padding:16px}.login-wrapper{max-width:100%}.form-section{padding:40px 28px;border-radius:20px}.mobile-logo-img{width:100px}.form-title{font-size:24px}.form-subtitle,.form-label{font-size:13px}.form-input{padding:13px 16px 13px 46px;font-size:15px}.input-icon{width:18px;height:18px;left:16px}.btn-login{padding:15px;font-size:14px}}@media(max-width:360px){.form-section{padding:32px 20px}.mobile-logo-img{width:90px}.form-title{font-size:22px}}