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