.auth-page{display:flex;min-height:100svh;flex-direction:column;align-items:center;padding:48px 20px 64px;position:relative;overflow:hidden}.auth-page:after,.auth-page:before{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.auth-page:before{top:-200px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(circle,rgba(215,25,32,.09) 0,transparent 70%)}.auth-page:after{bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(215,25,32,.05) 0,transparent 70%)}.auth-box{position:relative;z-index:1;width:100%;max-width:440px}.auth-box-wide{max-width:520px}.auth-head{margin-bottom:28px;text-align:center}.auth-logo-row{margin-bottom:22px;text-align:center}.auth-logo{display:inline-block}.auth-logo img{width:56px;height:56px}.auth-eyebrow{display:block;margin-bottom:10px}.auth-title{font-family:var(--font-display);font-size:clamp(28px,5vw,38px);font-weight:400;line-height:.95;text-transform:uppercase}.auth-sub{margin-top:12px;font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.auth-card{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 64px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.03)}@media (max-width:480px){.auth-card{padding:22px 18px}}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field-label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.field-optional{margin-left:6px;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--text-faint)}.field-note{display:block;min-height:18px;margin-top:6px;font-size:.75rem;line-height:1.5;color:var(--text-tertiary)}.field-note-error{color:var(--brand-primary)}.field-note-ok{color:var(--state-success)}.input-error{border-color:var(--brand-primary)}.password-wrap{position:relative}.password-wrap .input{padding-right:76px}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.password-toggle:hover{background:rgba(255,255,255,.07);color:var(--text-primary)}.password-toggle[aria-pressed=true]{color:var(--brand-primary)}.birthday-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}.birthday-row .input{text-align:center;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.08em}.select{width:100%;padding:12px 16px;background:var(--surface-raised);border:1px solid var(--line-default);border-radius:var(--radius-xs);color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}.select:hover{border-color:var(--line-strong)}.select:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--ring-brand)}.select option{background:var(--surface-overlay);color:var(--text-primary)}.check{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px;cursor:pointer}.check:last-of-type{margin-bottom:0}.check input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--brand-primary);cursor:pointer}.check-text{font-size:.8125rem;line-height:1.55;color:var(--text-secondary)}.check-text a{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.check-text a:hover{color:var(--brand-primary)}.check-guardian{margin-top:14px;padding:13px 14px;background:var(--brand-accent-muted);border:1px solid var(--brand-accent-line);border-radius:var(--radius-xs)}.alert{margin-bottom:20px;padding:13px 15px;border:1px solid transparent;border-radius:var(--radius-xs);font-size:.875rem;line-height:1.55}.alert-error{background:var(--brand-primary-muted);border-color:var(--brand-primary-line)}.alert-error,.alert-ok{color:var(--text-primary)}.alert-ok{background:rgba(47,191,113,.1);border-color:rgba(47,191,113,.36)}.alert-info{background:var(--surface-overlay);border-color:var(--line-default);color:var(--text-secondary)}.alert-title{margin-bottom:4px;font-weight:700;color:var(--text-primary)}.alert-action{margin-top:10px}.auth-or{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.auth-or:after,.auth-or:before{content:"";flex:1 1;height:1px;background:var(--line-subtle)}.social-list{display:flex;flex-direction:column;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 18px;background:transparent;border:1px solid var(--line-default);border-radius:var(--radius-xs);color:var(--text-primary);font-size:.875rem;font-weight:600;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.social-btn:hover{border-color:var(--line-strong);background:var(--surface-overlay)}.social-btn svg{width:18px;height:18px;flex:0 0 auto}.auth-foot{margin-top:22px;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-foot a,.auth-foot-link{color:var(--text-primary);font-weight:600;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.auth-foot a:hover,.auth-foot-link:hover{color:var(--brand-primary)}.auth-foot-sep{margin:0 8px;color:var(--text-faint)}.field-submit{margin-top:22px}.auth-back{margin-top:36px;text-align:center}.code-input{width:100%;padding:16px;background:var(--surface-raised);border:1px solid var(--line-default);border-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-mono);font-size:1.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.5em;text-align:center;text-indent:.5em}.code-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--ring-brand)}.btn-block{width:100%}.btn-busy{position:relative;color:transparent!important}.btn-busy:after{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;margin:-8px 0 0 -8px;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-pill);color:var(--text-on-brand);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn-busy:after{animation-duration:1.6s}}.strength{display:flex;gap:4px;margin-top:8px}.strength-bar{height:3px;flex:1 1;background:var(--line-subtle);transition:background var(--dur-fast) var(--ease)}.strength-bar-on-weak{background:var(--brand-primary)}.strength-bar-on-mid{background:var(--state-warning)}.strength-bar-on-strong{background:var(--state-success)}.auth-dialog{width:100%;max-width:none;max-height:none;height:100%;margin:0;padding:24px 20px;border:0;background:transparent;color:var(--text-primary);overflow-y:auto;overscroll-behavior:contain}.auth-dialog::backdrop{background:rgba(3,1,2,.82)}.auth-dialog:before{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--watermark-url);background-repeat:no-repeat;background-position:50%;background-size:var(--watermark-size);opacity:var(--watermark-opacity-over-dim);pointer-events:none}.auth-dialog-inner{position:relative;width:100%;max-width:440px;margin:auto;background:var(--surface-base);border:1px solid var(--line-default);border-radius:var(--radius-sm);padding:32px 28px 26px}.auth-dialog-wide{max-width:520px}.auth-dialog-inner .auth-card{background:transparent;border:0;padding:0}.auth-dialog-inner .auth-head{margin-bottom:24px}.auth-dialog-inner .auth-title{font-size:clamp(26px,4vw,32px)}.auth-dialog-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--text-tertiary);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.auth-dialog-close:hover{color:var(--text-primary);border-color:var(--line-default)}@media (max-width:520px){.auth-dialog{padding:0}.auth-dialog-inner{margin:auto 0 0;max-width:none;min-height:92svh;border-width:1px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:30px 20px 32px}}.auth-ansprache{margin-bottom:34px;text-align:center}.auth-ansprache-pille{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:5px 14px;border:1px solid var(--brand-primary-line);border-radius:var(--radius-pill);background:var(--brand-primary-muted);font-size:.625rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary)}.auth-ansprache-pille .live-dot{width:6px;height:6px}.auth-ansprache-titel{font-family:var(--font-display);font-size:clamp(30px,6vw,44px);font-weight:400;line-height:.95;letter-spacing:.005em;text-transform:uppercase}.auth-ansprache-rot{color:var(--brand-primary);background:linear-gradient(135deg,#ff5555,#d71920 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-ansprache-nutzen{margin-top:14px;font-size:.8125rem;letter-spacing:.02em;color:var(--text-tertiary)}.feld-kopfzeile{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.feld-kopfzeile .field-label{margin-bottom:0}.feld-nebenlink{flex:0 0 auto;font-size:.75rem;color:var(--text-tertiary);text-decoration:underline;text-underline-offset:3px}.feld-nebenlink:hover{color:var(--brand-primary)}.auth-aktiv{margin-bottom:16px;padding:14px 16px;border-radius:12px;background:rgba(255,209,102,.06);border:1px solid rgba(255,209,102,.22)}.auth-aktiv-marke.auth-aktiv-marke{display:block;font-size:10px;letter-spacing:.12em;color:var(--brand-accent);margin-bottom:6px}.auth-aktiv-name{font-weight:800;font-size:14px;margin-bottom:10px;color:var(--text-primary)}.auth-aktiv-knoepfe{display:flex;gap:8px;flex-wrap:wrap}.auth-fertig-knoepfe{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.auth-fertig-gesendet{align-self:center;font-size:13px;font-weight:700;color:#4ade80}.auth-zwei{position:relative;z-index:1;width:100%;max-width:1080px;display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media (min-width:900px){.auth-zwei{grid-template-columns:1fr 1fr;gap:48px}.auth-zwei-links{position:sticky;top:48px}}.auth-zwei-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.auth-zwei-links .auth-ansprache-titel{text-align:left}.auth-neben-text{font-size:.9375rem;line-height:1.7;color:var(--text-secondary);max-width:42ch}.auth-neben-schritte{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}.auth-neben-schritte li{display:flex;align-items:flex-start;gap:12px}.auth-neben-schritte strong{display:block;font-size:.875rem;font-weight:800;color:var(--text-primary)}.auth-neben-schritte small{display:block;margin-top:2px;font-size:.75rem;color:var(--text-tertiary)}.auth-neben-nr{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:999px;background:rgba(215,25,32,.12);border:1px solid rgba(215,25,32,.32);color:#ff8589;font-size:12px;font-weight:900}@media (max-width:640px){.check input[type=checkbox]{width:24px;height:24px;margin-top:0}.password-toggle{min-height:44px;display:inline-flex;align-items:center}}.einbettung-wahl{border:0;padding:0;margin:0 0 18px;min-width:0}.einbettung-wahl-text{margin:0 0 10px;font-size:.8125rem;line-height:1.5;color:var(--text-muted,rgba(255,255,255,.7))}.einbettung-wahl-text a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.einbettung-wahl-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:10px}.einbettung-wahl-knopf{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-weight:700;font-size:.875rem;text-align:center;cursor:pointer}.einbettung-wahl-knopf.ist-an{border-color:var(--brand-primary,#d71920);background:rgba(215,25,32,.12)}.einbettung-wahl-knopf:focus-within{outline:2px solid #fff;outline-offset:2px}