.login-container{background:#ffffff url(/login/login-bg-img.svg) 50%/100% 100% no-repeat;position:relative;overflow:hidden;min-height:100vh;padding:4rem 1rem 1rem}.login-container,.login-container .container-custom{display:flex;align-items:center;justify-content:center}.login-container .container-custom{width:100%}.navbar-header .container-custom{display:flex;align-items:center;justify-content:flex-start;width:100%}.login-card{max-width:40.625rem;margin:0 auto}.navbar-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;width:100%}.navbar-content{justify-content:flex-start;padding:1rem 3rem}.brand-icon,.navbar-content{display:flex;align-items:center}.brand-icon{gap:0;text-decoration:none;transition:opacity .2s ease;cursor:pointer;width:9em;height:auto}.brand-icon:hover{opacity:.8}.brand-icon-img{width:100%;height:100%;object-fit:contain}.navbar-beta{color:#2970EA;font-weight:600;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:rgba(41,112,234,.1);border-radius:.375rem;margin-left:0}.login-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.login-form{display:flex;flex-direction:column}.input-field{width:33.125rem;height:3.4rem;border-radius:2rem;padding:0 20px;outline:none;background:#F0F0F0;font-size:1rem;margin-bottom:1.5rem;color:#333333A1}.password-field{position:relative}.toggle-visibility{position:absolute;top:35%;right:1rem;transform:translateY(-50%);border:0;cursor:pointer}.password-icon{width:1rem;height:1rem;margin-right:1rem}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;margin-bottom:2rem;font-weight:400}.remember{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.remember input[type=checkbox]{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid #333333;background:white;appearance:none;cursor:pointer;position:relative}.remember input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.remember input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:.8rem;font-weight:700}.primary-btn{height:3.4rem;width:33.125rem;border-radius:2rem;background:#2970EA;color:white;font-weight:700;border:0;font-size:1.2rem;margin-bottom:2rem;cursor:pointer}.divider{position:relative;text-align:center;font-size:1rem;font-weight:400;margin-bottom:2rem}.divider:after,.divider:before{content:"";position:absolute;top:50%;width:38%;height:1px;background:#333333}.divider:before{left:0}.divider:after{right:0}.oauth-btn{height:3.4rem;width:33.125rem;border-radius:2rem;border:1px solid #333333;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.2rem;font-weight:400;color:#333333}.oauth-btn-apple{margin-bottom:2rem}.oauth-btn-google{margin-bottom:.75rem}.oauth-icon{width:1.2rem;height:1.2rem}.signup-hint{text-align:center;color:#333333;font-size:1rem}.link,.signup-link{color:#2970EA;font-size:1rem;font-weight:500}.link{text-decoration:none}.link:hover{text-decoration:underline}@media (max-width:576px){.navbar-header{position:relative;top:auto;left:auto;right:auto;z-index:auto}.brand-icon{width:7rem;height:auto}.brand-icon-img{width:100%;height:100%;object-fit:contain}.navbar-beta{font-size:.5rem;padding:.2rem .4rem;margin-left:0}.navbar-content{padding:1rem 1.5rem}.login-container{padding:8rem .5rem;background:#ffffff url(/login/login-bg-img.svg) 50%/cover no-repeat;min-height:auto}.login-card{width:100%;box-sizing:border-box}.login-title{font-size:1.2rem;margin-bottom:1rem}.input-field{padding:0 1rem;margin-bottom:1rem}.input-field,.primary-btn{height:2.5rem;width:100%;font-size:1rem}.primary-btn{margin-bottom:2em}.oauth-btn{height:2.5rem;font-size:1rem;width:100%}.oauth-btn-apple,.oauth-btn-google{margin-bottom:1rem}.form-row{margin-bottom:2rem;font-size:.875rem}.remember input[type=checkbox]{width:1rem;height:1rem}.remember input[type=checkbox]:checked:after{font-size:.5rem}.divider{font-size:.875rem;margin-bottom:2rem}.divider:after,.divider:before{width:30%}.signup-hint,.signup-link{font-size:.875rem}}@media (min-width:576px) and (max-width:768px){.navbar-header{position:relative;top:auto;left:auto;right:auto;z-index:auto}.brand-icon{width:9em;height:auto}.brand-icon-img{width:100%;height:100%;object-fit:contain}.navbar-beta{font-size:.5rem;padding:.2rem .4rem;margin-left:0}.navbar-content{padding:1rem 1.5rem}.login-container{padding:6rem .5rem;background:#ffffff url(/login/login-bg-img.svg) 50%/cover no-repeat;min-height:auto}.login-card{width:100%;box-sizing:border-box}.login-title{font-size:1.2rem;margin-bottom:1rem}.input-field{padding:0 1rem;margin-bottom:1rem}.input-field,.primary-btn{height:2.5rem;width:100%;font-size:1rem}.primary-btn{margin-bottom:2em}.oauth-btn{height:2.5rem;font-size:1rem;width:100%}.oauth-btn-apple,.oauth-btn-google{margin-bottom:1rem}.form-row{margin-bottom:2rem;font-size:.875rem}.remember input[type=checkbox]{width:1rem;height:1rem}.remember input[type=checkbox]:checked:after{font-size:.5rem}.divider{font-size:.875rem;margin-bottom:2rem}.divider:after,.divider:before{width:35%}.signup-hint,.signup-link{font-size:.875rem}}@media (min-width:768px) and (max-width:992px){.login-card{padding:40px 48px}.login-title{font-size:1.5rem;margin-bottom:1.5rem}.input-field,.oauth-btn,.primary-btn{height:3rem;font-size:1rem}.remember input[type=checkbox]{width:1.25rem;height:1.25rem}.remember input[type=checkbox]:checked:after{font-size:.5rem}}@media (min-width:992px) and (max-width:1200px){.login-card{padding:2rem 2.5rem}.login-title{font-size:1.5rem;margin-bottom:1.25rem}.input-field,.oauth-btn,.primary-btn{height:2.75rem;font-size:1rem}.remember input[type=checkbox]{width:1.5rem;height:1.5rem}.remember input[type=checkbox]:checked:after{font-size:.5rem}}@media (min-width:1200px) and (max-width:1400px){.login-card{padding:1.5rem 2rem}.login-title{font-size:1.5rem;margin-bottom:1rem}.input-field,.oauth-btn,.primary-btn{height:3rem;font-size:1rem}.remember input[type=checkbox]{width:1.5rem;height:1.5rem}.remember input[type=checkbox]:checked:after{font-size:.5rem}}