.auth-page{box-sizing:border-box;height:100vh;min-height:680px;font-family:var(--font-app), "Helvetica Neue", sans-serif;background:#191815;gap:24px;padding:24px;display:flex}.auth-col{background:#191815;border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.auth-sprache{align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;top:20px;right:22px}.auth-sprache-eintrag{align-items:center;gap:7px;display:flex}.auth-sprache-strich{color:#2a2a2a}.auth-sprache button{letter-spacing:.04em;color:#6a6a6a;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.auth-sprache button:hover{color:#eaeaea}.auth-sprache button[aria-current=true]{color:#eaeaea;cursor:default}.auth-card{width:300px;max-width:86%;padding:32px 0}.auth-title{text-align:center;letter-spacing:-.01em;color:#fff;margin:0 0 8px;font-size:26px;font-weight:600}.auth-subtitle{text-align:center;color:#b9b9b9;margin:0 0 26px;font-size:14px;font-weight:400}.auth-tabs{background:#1c1c1c;border-radius:14px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{cursor:pointer;color:#8a8a8a;background:0 0;border:none;border-radius:11px;flex:1;height:34px;font-family:inherit;font-size:13px;font-weight:500}.auth-tab[aria-selected=true]{color:#fff;background:#191815}.auth-divider{background:#1e1e1e;width:60%;height:1px;margin:-4px auto 20px}.auth-google-form{display:contents}.auth-google{box-sizing:border-box;color:#f0f0f0;cursor:pointer;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.auth-google:hover{background:#141414}.auth-google:disabled{cursor:not-allowed;opacity:.45}.auth-or{text-align:center;color:#6a6a6a;margin:14px 0;font-size:12px}.auth-fields{flex-direction:column;gap:12px;display:flex}.auth-field{position:relative}.auth-field-icon{position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-input{box-sizing:border-box;color:#f0f0f0;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:12px;outline:none;width:100%;height:42px;padding:0 14px 0 38px;font-family:inherit;font-size:13.5px}.auth-input:focus{border-color:#4a4a4a}.auth-input::placeholder{color:#7a7a7a}.auth-input.with-toggle{padding:0 40px 0 38px}.auth-eye{cursor:pointer;color:#9a9a9a;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-eye:hover{color:#fff}.auth-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.auth-remember{color:#b9b9b9;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.auth-remember input{accent-color:#eaeaea;width:14px;height:14px;margin:0}.auth-page a{color:#eaeaea;text-decoration:none}.auth-page a:hover{color:#fff}.auth-link-sm{font-size:13px;font-weight:400}.auth-error,.auth-success{border-radius:12px;padding:10px 14px;font-size:13.5px}.auth-error{color:#f8a3a3;background:#f8717114;border:1px solid #f8717138}.auth-success{color:#9ae6b4;background:#4ade8014;border:1px solid #4ade8038}.auth-submit{color:#1a1a18;cursor:pointer;background:#eaeaea;border:none;border-radius:12px;height:42px;margin-top:6px;font-family:inherit;font-size:14px;font-weight:500}.auth-submit:hover{background:#fff}.auth-submit:disabled{cursor:progress}.auth-footer{text-align:center;color:#8a8a8a;margin-top:22px;font-size:13px}.auth-footer a{font-weight:600}.auth-captcha:empty{display:none}.auth-captcha:not(:has(iframe)){display:none}.auth-panel{background:#191815;border-radius:16px;flex:1;position:relative;overflow:hidden;container-type:inline-size}.auth-panel-overlay{pointer-events:none;position:absolute;inset:0}.auth-panel-title{color:#fff;letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:7cqw;font-weight:500;line-height:1.12;position:absolute;top:9cqw;left:6cqw}@media (max-width:700px){.auth-page{flex-direction:column}.auth-panel{display:none}.auth-row{flex-wrap:wrap;gap:8px}}:root[data-schmal] .auth-page{flex-direction:column}:root[data-schmal] .auth-panel{display:none}:root[data-schmal] .auth-row{flex-wrap:wrap;gap:8px}
