/* B · ZWEI RAEUME: Papier fuehrt, Navy als ruhige Karte daneben */
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/bricolage/bricolage-grotesque-latin-var.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--g-navy:#151A31;--g-paper:#F8F8F8;--g-stone:#F0EBE6;--g-line:#DED8D0;--g-gold:#E4B56A;--g-gold-paper:#845A0B;--g-magenta:#B31F66;--g-magenta-hover:#9C1A58;--g-ink:#151A31;--g-body:#4B5168;--g-muted:#6B7086;--g-dsp:'Bricolage Grotesque','Plus Jakarta Sans',sans-serif;--g-txt:'Plus Jakarta Sans',sans-serif}
body{background:var(--g-paper) !important;font-family:var(--g-txt) !important}
.tl-auth{display:block !important;min-height:100vh !important;background:var(--g-paper) !important}
.tl-auth__welcome{display:none !important}
.tl-auth__form,.tl-auth>*:last-child{background:none !important}
.tl-auth__form,.tl-auth section,.tl-auth main,.tl-auth>div:last-child{max-width:560px !important;margin:0 auto !important;padding:clamp(48px,9vh,96px) 24px 64px !important;background:none !important;box-shadow:none !important;display:block !important}
.tl-auth__eyebrow{font:600 11px/1 var(--g-txt) !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:var(--g-gold-paper) !important;display:flex;align-items:center;gap:12px;margin-bottom:22px !important}
.tl-auth__eyebrow::before{content:'';width:22px;height:2px;border-radius:2px;background:var(--g-gold-paper)}
.tl-auth__title{font-family:var(--g-dsp) !important;font-weight:600 !important;font-size:clamp(38px,5.4vw,58px) !important;line-height:.98 !important;letter-spacing:-.03em !important;color:var(--g-ink) !important;margin:0 0 16px !important}
.tl-auth__sub{font-size:18px !important;line-height:1.55 !important;color:var(--g-body) !important;max-width:42ch !important;margin:0 0 32px !important}
.tl-form{display:block !important}
.tl-input{width:100% !important;font:400 17px/1 var(--g-txt) !important;color:var(--g-ink) !important;background:#fff !important;border:1px solid var(--g-line) !important;border-radius:16px !important;padding:19px 20px !important;margin-bottom:12px !important;box-shadow:none !important;transition:border-color .25s,box-shadow .25s}
.tl-input:focus{outline:none !important;border-color:var(--g-gold-paper) !important;box-shadow:0 0 0 4px rgba(132,90,11,.1) !important}
.tl-input::placeholder{color:var(--g-muted) !important}
.tl-btn{width:100% !important;display:flex !important;align-items:center;justify-content:center;gap:12px;font:600 16px/1 var(--g-txt) !important;color:#fff !important;background:var(--g-magenta) !important;border:0 !important;border-radius:999px !important;padding:19px 26px !important;cursor:pointer;box-shadow:0 14px 34px rgba(179,31,102,.28) !important;transition:background .3s}
.tl-btn:hover{background:var(--g-magenta-hover) !important}
.tl-btn--ghost{background:#fff !important;color:var(--g-ink) !important;border:1px solid var(--g-line) !important;box-shadow:none !important}
.tl-btn--ghost:hover{background:#fff !important;border-color:var(--g-gold-paper) !important;color:var(--g-gold-paper) !important}
.tl-steps__label{font:600 11px/1 var(--g-txt) !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:var(--g-gold-paper) !important;margin:34px 0 14px !important;display:flex;align-items:center;gap:12px}
.tl-steps__label::before{content:'';width:22px;height:2px;border-radius:2px;background:var(--g-gold-paper)}
.tl-steps{margin-top:44px !important;padding-top:30px !important;border-top:1px solid var(--g-line) !important}
.tl-step{display:flex !important;gap:16px !important;align-items:flex-start;padding:14px 0 !important}
.tl-step__num{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--g-txt) !important;color:var(--g-gold-paper) !important;background:var(--g-stone) !important;border:0 !important}
.tl-step div strong,.tl-step b{font:600 16px/1.3 var(--g-txt) !important;color:var(--g-ink) !important;display:block;margin-bottom:3px}
.tl-step div{font-size:15px !important;line-height:1.5 !important;color:var(--g-body) !important}
.tl-error{background:rgba(179,31,102,.06) !important;border:0 !important;border-left:3px solid var(--g-magenta) !important;border-radius:0 12px 12px 0 !important;padding:14px 16px !important;font-size:15px !important;color:var(--g-ink) !important;margin:12px 0 !important}
.tl-login-hint,.tl-auth__foot{font-size:14px !important;color:var(--g-muted) !important;margin-top:28px !important}
.tl-login-hint a,.tl-auth__foot a{color:var(--g-magenta) !important;font-weight:600 !important;text-decoration:none !important}
details summary,.tl-pw-toggle{font:600 13px/1 var(--g-txt) !important;color:var(--g-muted) !important;cursor:pointer;margin-top:26px !important}
.tl-orb{display:none !important}
/* B: die Willkommensseite bleibt, aber als helle Karte rechts */
.tl-auth{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;align-items:center;gap:0 !important;max-width:1240px;margin:0 auto;padding:clamp(32px,6vh,72px) 32px !important}
.tl-auth__welcome{display:flex !important;flex-direction:column;justify-content:center;order:2;background:var(--g-navy) !important;border-radius:32px !important;padding:clamp(38px,4vw,56px) !important;min-height:520px;box-shadow:0 40px 90px rgba(21,26,49,.18) !important;position:relative;overflow:hidden}
.tl-auth__welcome::after{content:'';position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(228,181,106,.16),transparent 68%);pointer-events:none}
.tl-auth__welcome-inner{position:relative;z-index:1}
.tl-glow-badge{font:600 11px/1 var(--g-txt) !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:var(--g-gold) !important;background:rgba(228,181,106,.1) !important;border:1px solid rgba(228,181,106,.35) !important;border-radius:999px !important;padding:9px 16px !important;display:inline-block;margin:26px 0 24px !important}
.tl-welcome-title{font-family:var(--g-dsp) !important;font-weight:600 !important;font-size:clamp(34px,3.4vw,46px) !important;line-height:1.0 !important;letter-spacing:-.028em !important;color:#fff !important;margin:0 0 18px !important}
.tl-welcome-text{font-size:17px !important;line-height:1.6 !important;color:#C9CCDC !important;max-width:40ch !important}
.tl-auth__welcome li,.tl-welcome-list li{color:#EDEEF4 !important;font-size:16px !important;line-height:1.5 !important;padding:9px 0 !important}
.tl-auth__form,.tl-auth>div:last-child,.tl-auth section{order:1;max-width:520px !important;margin:0 !important;padding:0 clamp(20px,4vw,56px) 0 0 !important}
.tl-auth__title{font-size:clamp(34px,3.6vw,50px) !important}
@media (max-width:900px){
  .tl-auth{grid-template-columns:minmax(0,1fr) !important;padding:24px 20px 48px !important}
  .tl-auth__welcome{order:2;min-height:0;padding:30px 24px !important;border-radius:24px !important;margin-top:34px}
  .tl-auth__form,.tl-auth>div:last-child,.tl-auth section{padding:0 !important;max-width:100% !important}
}