.login-page{background:#fff;justify-content:space-between;min-height:100vh;display:flex;position:relative}.login-page-back{background:0 0;border:none;justify-content:start;align-items:center;gap:10px;margin-bottom:20px;padding:0;display:flex}.login-page-back p{color:var(--text-main);font-size:1.7rem;font-weight:700}.login-page-back svg{color:#cccccd;font-size:14px}.login-left{flex-direction:column;justify-content:center;align-items:start;width:50vw;display:flex}.login-left-content{flex-direction:column;justify-content:center;align-items:start;gap:20px;width:400px;max-width:70%;margin:0 auto;display:flex}.login-left-content.creation{gap:36px;margin-bottom:80px}.login-left-content.compact{gap:18px}.login-google-btn{background-color:#fff;border:1px solid #cbd2d9;border-radius:20px;justify-content:center;align-items:center;gap:20px;min-width:250px;margin:0 auto;padding:15px 25px;font-size:14px;font-weight:700;display:flex}.login-change-step{color:#6c757d;text-align:center;margin:15px auto;font-size:13px}.login-change-step strong{color:var(--primary-color);cursor:pointer;margin-left:10px}.login-change-step-left{text-align:left;max-width:100%;margin:-2px 0 0}.login-or-line{text-align:center;color:#999;align-items:center;gap:10px;width:90%;margin:0 auto;font-size:14px;display:flex}.login-or-line:before,.login-or-line:after{content:"";background:#ddd;flex:1;height:1px}.login-btn{background-color:var(--primary-color);border-radius:var(--radius-xl);color:#fff;min-width:220px;margin:0 auto;padding:14px 60px;font-weight:700}.login-inline-link{color:var(--primary-color);background:0 0;margin:-6px 0 0 auto;padding:0;font-size:13px}.login-step-description{color:var(--text-secondary);margin-top:-4px;font-size:14px;line-height:1.7}.login-form-group{flex-direction:column;gap:10px;width:100%;display:flex}.login-form-group label{color:var(--text-main);font-size:12px;font-weight:700}.login-form-group input{border:1px solid #ced4da;border-radius:10px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.login-form-group input:focus,.login-subtle-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 12%, transparent)}.login-subtle-field{border:1px solid var(--border-color);background:#fbfcfe;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px 16px 12px;display:flex}.login-subtle-field-label{color:var(--text-main);align-items:center;gap:10px;display:flex}.login-subtle-field-label p{font-size:13px;font-weight:600}.login-subtle-field-icon{background:color-mix(in srgb, var(--primary-color) 10%, white);width:24px;height:24px;color:var(--primary-color);border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.login-subtle-field-optional{color:var(--text-muted);margin-left:auto;font-size:11px}.login-subtle-input{background:#fff;border:1px solid #d8dee8;border-radius:10px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.login-subtle-help{color:var(--text-muted);font-size:12px;line-height:1.5}.login-right{background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--primary-color) 30%, transparent), transparent 40%), radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--primary-color) 22%, transparent), transparent 45%), linear-gradient(135deg, var(--primary-soft), var(--primary-color), white);flex-direction:column;justify-content:center;align-items:center;gap:24px;width:50vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-text-logo{color:#fff;opacity:.9;width:300px;height:auto;font-weight:700;position:absolute;top:40px;right:50px}.login-right-title{color:#fff;text-align:center;max-width:800px;font-size:64px;font-weight:700;line-height:1.1}.login-right-title span{background:linear-gradient(90deg, var(--primary-soft), white, var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-right-subtitle{color:#bfbfbf;text-align:center;max-width:500px;font-size:18px;line-height:1.6}.login-error{color:#842029}@media (max-width:1000px){.login-left{width:100vw}.login-right{display:none}.login-left-content{max-width:min(420px,88%)}.login-text-logo{width:200px}}@media (max-width:640px){.login-page-back p{font-size:1.35rem}.login-left-content{max-width:90%}.login-btn,.login-google-btn{width:100%}}