.login-page-body-container{background:linear-gradient(#fff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.login-page-body-container *{box-sizing:border-box;margin:0;padding:0}.login-page-body-container .login-container{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:1200px;margin:auto;display:grid;overflow:hidden;box-shadow:0 20px 40px #00000014}.login-page-body-container .login-panel{justify-content:center;align-items:center;padding:50px;display:flex}.login-page-body-container .brand{align-items:center;gap:6px;margin-top:-70px;margin-bottom:20px;display:flex}.login-page-body-container .brand img{height:100px}.login-page-body-container .brand span{font-size:38px;font-weight:650}.login-page-body-container .feature-bullet{background:#4756eb;border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.login-page-body-container .login-content{width:100%;max-width:400px}.login-page-body-container .login-content h1{color:#0f172a;margin-bottom:12px;font-size:32px;font-weight:700}.login-page-body-container .login-content p{color:#64748b;margin-bottom:40px}.login-page-body-container label{color:#334155;margin-bottom:10px;font-weight:600;display:block}.login-page-body-container input{color:#0f172a;background-color:#fff;border:1px solid #dbe2ea;border-radius:12px;outline:none;width:100%;height:54px;margin-bottom:24px;padding:0 16px;font-size:15px;transition:border-color .2s}.login-page-body-container input:focus{border-color:#4f46e5}.login-page-body-container .password-wrapper{position:relative}.login-page-body-container .password-wrapper button{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:14px;right:15px}.login-page-body-container .login-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;width:100%;height:56px;font-size:16px;font-weight:600;transition:background .2s}.login-page-body-container .login-btn:hover{background:#1e293b}.login-page-body-container .google-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;margin-bottom:24px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000a}.login-page-body-container .google-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.login-page-body-container .google-btn svg{width:20px;height:20px}.login-page-body-container .login-divider{text-align:center;color:#94a3b8;align-items:center;margin:20px 0;font-size:13px;display:flex}.login-page-body-container .login-divider:before,.login-page-body-container .login-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.login-page-body-container .login-divider span{padding:0 12px}.login-page-body-container .hero-panel{color:#fff;background:linear-gradient(#020b4d 0%,#01052e 100%);flex-direction:column;justify-content:center;padding:50px;display:flex}.login-page-body-container .hero-text{color:#d1d5db;margin-bottom:20px;line-height:1.8}.login-page-body-container .feature-item{color:#dbeafe;align-items:center;gap:10px;margin-bottom:18px;display:flex}@media (max-width:1000px){.login-page-body-container{padding:20px}.login-page-body-container .login-container{grid-template-columns:1fr}.login-page-body-container .hero-panel{display:none}.login-page-body-container .login-panel{padding:40px}.login-page-body-container .login-content h1{font-size:36px}}