*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page-container{background:linear-gradient(#0a0a12bf,#0a0a12bf),url(https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&q=80&w=1600) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card-container{background-color:#fff;border-radius:24px;width:100%;max-width:900px;min-height:550px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.banner-side{background:url(https://images.unsplash.com/photo-1654931800100-2ecf6eee7c64?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) 50%/cover no-repeat;flex-direction:column;flex:1;padding:30px;display:flex;position:relative}.banner-side:before{content:"";background:linear-gradient(#00000073 0%,#0000001a 100%);position:absolute;inset:0}.logo{z-index:1;color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:20px;font-weight:800;position:relative}.form-side{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 45px;display:flex}.form-side h2{color:#1a1a1a;margin-bottom:25px;font-size:24px;font-weight:700}.google-btn{color:#5f6368;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.google-btn:hover{background-color:#f8f9fa;border-color:#d0d0d0}.divider{color:#999;align-items:center;width:100%;margin:20px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background-color:#e6e6e6;flex:1;height:1px}.divider span{padding:0 10px}form{flex-direction:column;gap:14px;width:100%;display:flex}.input-group{width:100%;position:relative}.input-group input{color:#333;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:13px;transition:border-color .2s}.input-group input::placeholder{color:#aaa}.input-group input:focus{border-color:#ff5722}.password-toggle{color:#888;cursor:pointer;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff5722,#ff6b00);border:none;border-radius:20px;width:100%;margin-top:6px;padding:13px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 4px 12px #ff57224d}.submit-btn:hover{opacity:.95}.submit-btn:active{transform:scale(.99)}.login-link{color:#666;margin-top:18px;font-size:12px}.login-link a{color:#ff5722;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.social-icons{gap:18px;margin-top:24px;display:flex}.social-icons a{color:#777;font-size:16px;text-decoration:none;transition:color .2s}.social-icons a:hover{color:#ff5722}@media (max-width:768px){.card-container{flex-direction:column;max-width:420px}.banner-side{min-height:220px}.form-side{padding:30px 25px}}