.login-container{box-sizing:border-box;background-color:#1c1c1c;width:100%;min-height:100vh;display:flex}.login-left{background-color:#1c1c1c;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-right{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";background-image:var(--login-bg-image,none);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;position:absolute;inset:24px}.login-right>*{z-index:1;position:relative}.login-content{width:100%;max-width:350px;padding:0}.login-logo{justify-content:flex-start;margin-bottom:18px;display:flex}.login-title{color:#fff;text-align:left;margin-bottom:30px;font-size:30px;font-weight:600}.login-form{flex-direction:column;gap:16px;display:flex}.social-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:#ffffff1a;border-color:#ffffff47;transform:translateY(-1px)}.social-btn:active{transform:translateY(0)}.social-icon{flex-shrink:0;width:14px;height:14px}.google-btn .social-icon,.github-btn .social-icon{color:#fff}.divider{color:#fff9;align-items:center;margin:14px 0;font-size:14px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:#ffffff26;flex:1;height:1px}.divider span{padding:0 10px;font-size:11px;font-weight:500}.email-section{flex-direction:column;gap:12px;display:flex}.email-label{color:#fff;margin-bottom:5px;font-size:11px;font-weight:500;display:block}.email-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #fff3;border-radius:5px;width:100%;padding:8px 10px;font-size:13px;transition:all .2s}.email-input::placeholder{color:#ffffff80}.email-input:focus{background:#ffffff0d;border-color:#fff6;outline:none}.continue-btn{color:#000;cursor:pointer;background:#fcfbf8;border:none;border-radius:5px;width:100%;margin-bottom:14px;padding:8px 10px;font-size:13px;font-weight:600;transition:all .2s}.continue-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.continue-btn:active{transform:translateY(0)}.signup-link{text-align:center;color:#ffffffb3;margin-top:8px;font-size:11px}.create-account-btn{color:#fcfbf8;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:11px;font-weight:600;text-decoration:underline;transition:color .2s}.create-account-btn:hover{color:#fffc}.email-terms{color:#fff9;margin-top:5px;margin-bottom:5px;font-size:11px;line-height:1.4}.email-terms-link{color:#fcfbf8;cursor:pointer;font-weight:600}.email-terms-link:hover{color:#fffc}.login-right .search-bar-container{flex-shrink:0;width:400px;min-width:350px;max-width:350px;height:60px}.login-search-demo{cursor:default!important;pointer-events:none!important;width:100%!important;min-width:100%!important;max-width:100%!important}.login-search-demo:hover{border-color:#ffffff29!important;transform:none!important;box-shadow:0 10px 30px #00000040!important}.login-search-demo .search-placeholder:after{content:"|";color:#fff9;margin-left:2px;animation:1s infinite loginTypingCursor}@keyframes loginTypingCursor{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.login-container{flex-direction:column}.login-left,.login-right{flex:none}.login-left{min-height:60vh}.login-right{min-height:40vh}}@media (max-width:480px){.login-left,.login-right{padding:16px}.login-content{padding:20px}.login-title{font-size:32px}.social-btn,.continue-btn{padding:12px;font-size:14px}.login-right .search-bar-container{width:100%;max-width:auto;min-width:auto;margin:0 auto}.login-search-demo{transform-origin:50%;transform:scale(.92)}.login-search-demo .search-placeholder{will-change:contents}}.input-wrap{flex-direction:column;display:flex}.field-msg{margin-top:6px;font-size:11px;line-height:1.3}.field-msg.error{color:#ff6b6b}.field-msg.ok{color:#7ddc7d}