.auth{--auth-lit-1:var(--color-lit-1);--auth-lit-2:var(--color-lit-2);--auth-lit-3:var(--color-lit-3);--auth-ease:var(--ease-out);background:var(--color-surface);grid-template-columns:minmax(0,1.22fr) minmax(460px,1fr);min-height:100dvh;display:grid}.auth-main{flex-direction:column;grid-area:1/2;min-height:100dvh;display:flex}.auth-strip{display:none}.auth-form-wrap{flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.auth-form-box{flex-direction:column;gap:28px;width:100%;max-width:372px;display:flex}.auth-title{letter-spacing:-.025em;color:var(--color-ink);font-size:28px;line-height:1.2}.auth-lead{color:var(--color-body);text-wrap:pretty;margin-top:8px;font-size:14.5px;line-height:1.55}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{grid-template-columns:1fr auto;grid-template-areas:"label aside""control control""msg msg";align-items:baseline;column-gap:12px;display:grid}.auth-label{color:var(--color-ink);grid-area:label;font-size:13px;font-weight:600}.auth-field>.auth-input{grid-area:control;margin-top:7px}.auth-field>.auth-field-aside{grid-area:aside;justify-self:end;font-size:13px;font-weight:500}.auth-field>.auth-hint,.auth-field>.auth-error{grid-area:msg;margin-top:7px}.auth-input{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);background:var(--color-surface);width:100%;height:44px;color:var(--color-ink);padding:0 14px;font-family:inherit;font-size:15px}.auth-input.mono{font-family:var(--font-mono);letter-spacing:.04em}.auth-input:hover{border-color:var(--color-body)}.auth-input:focus{border-color:var(--color-accent-ink);box-shadow:0 0 0 1px var(--color-accent-ink), 0 0 0 5px var(--color-accent-soft-bg);outline:none}.auth-input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.auth-input[aria-invalid=true]:focus{box-shadow:0 0 0 1px var(--color-danger), 0 0 0 5px var(--color-danger-bg)}.auth-hint{color:var(--color-muted-text);font-size:12.5px;line-height:1.5}.auth-error{color:var(--color-danger-text);align-items:flex-start;gap:7px;font-size:12.5px;font-weight:500;line-height:1.5;display:flex}.auth-error svg{flex:none;width:14px;height:14px;margin-top:2.5px}.auth-error a{color:inherit;text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-main .btn{width:100%;height:44px;min-height:var(--hit-target-touch);font-size:14.5px}.auth-form .btn-primary{margin-top:6px}.auth-main .btn-primary{box-shadow:0 1px 2px #0b1f571f,0 6px 16px -8px #336dee8c}.auth-main .btn-primary:hover{box-shadow:inset 0 0 0 100vmax #0b1f5724,0 1px 2px #0b1f571f}.auth-main .btn-primary:active{box-shadow:inset 0 0 0 100vmax #0b1f573d}.auth-main .btn-primary:disabled,.auth-main .btn-primary:disabled:hover{box-shadow:none}.auth-main .btn .auth-google-mark{width:18px;height:18px}.auth-google{flex-direction:column;gap:18px;display:flex}.auth-divider{color:var(--color-muted-text);align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-line);flex:1;height:1px}.auth-alt{border-top:1px solid var(--color-line);color:var(--color-muted-text);text-align:center;padding-top:22px;font-size:13.5px}.auth-alt a{font-weight:600}.auth-terms{color:var(--color-muted-text);font-size:12.5px;line-height:1.5}.auth-terms a{text-underline-offset:2px;text-decoration:underline}.auth-stage{isolation:isolate;border:1px solid var(--color-line);border-radius:var(--radius-marketing);background:var(--color-paper);flex-direction:column;grid-area:1/1;margin:12px 0 12px 12px;padding:34px 48px 32px;display:flex;position:relative;overflow:hidden}.auth-stage:before{content:"";z-index:-2;pointer-events:none;background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--color-line) 85%, var(--color-muted-2)) 1.1px, transparent 1.35px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 58% at 46% 66%,#000 18%,#0000 78%);mask-image:radial-gradient(62% 58% at 46% 66%,#000 18%,#0000 78%)}.auth-stage-glow{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.auth-stage-glow-a{background:radial-gradient(closest-side,#3a7af830,#3a7af800 74%);width:720px;height:720px;top:-120px;left:-140px}.auth-stage-glow-b{background:radial-gradient(closest-side,#7263ff26,#7263ff00 72%);width:560px;height:560px;top:170px;left:250px}.auth-stage-glow-c{background:radial-gradient(closest-side,#18b7e824,#18b7e800 72%);width:440px;height:440px;top:-140px;left:-220px}.auth-stage-logo{border-radius:6px;align-self:flex-start;display:inline-flex}.auth-stage-logo img,.auth-strip img{width:auto;display:block}.auth-stage-logo img{height:28px}.auth-stage-body{flex-direction:column;flex:1;justify-content:center;gap:28px;padding-top:20px;display:flex}.auth-stage-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text);align-items:center;gap:9px;font-size:11.5px;font-weight:600;display:flex}.auth-stage-kicker i{background:var(--gradient-brand);border-radius:50%;width:7px;height:7px;display:block}.auth-stage-h{letter-spacing:-.032em;max-width:640px;color:var(--color-ink);text-wrap:balance;margin-top:12px;font-size:34px;line-height:1.16}.auth-stage-h>span{display:block}.auth-title,.auth-lead,.auth-stage-h,.auth-stage-note{overflow-wrap:break-word}.auth-title:lang(de),.auth-stage-h:lang(de),.auth-stage-note:lang(de){-webkit-hyphens:auto;hyphens:auto}@supports ((-webkit-background-clip:text) or (background-clip:text)){.auth-stage-lit{color:#0000;background-image:linear-gradient(90deg, var(--auth-lit-1) 0%, var(--auth-lit-2) 48%, var(--auth-lit-3) 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}.auth-stage-lit::selection{color:var(--color-ink);-webkit-text-fill-color:var(--color-ink)}}.auth-stage-demo{--auth-win-w:392px;--auth-demo-gap:34px;--auth-legend-w:248px;grid-template-columns:var(--auth-win-w) minmax(0, var(--auth-legend-w));column-gap:var(--auth-demo-gap);align-items:start;row-gap:14px;display:grid;position:relative}.auth-stage-win{width:var(--auth-win-w);border:1px solid var(--color-line);background:var(--color-surface);transform-origin:100% 100%;border-radius:16px;grid-area:1/1;overflow:hidden;box-shadow:0 1px 2px #0b1f570f,0 22px 48px -14px #0b1f573d}.auth-stage-win-head{border-bottom:1px solid var(--color-line);background:var(--color-paper);align-items:center;gap:11px;padding:12px 14px;display:flex}.auth-stage-av{background:var(--color-surface);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:50%;flex:none;place-items:center;display:grid}.auth-stage-av svg{width:auto;height:28px;display:block;overflow:visible}.auth-stage-gaze,.auth-stage-lids,.auth-stage-eyes{transform-box:fill-box;transform-origin:50% 60%}.auth-stage-who{flex-direction:column;line-height:1.25;display:flex}.auth-stage-who b{color:var(--color-ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.auth-stage-who>span{color:var(--color-muted-text);font-size:12px}.auth-stage-badge{background:var(--color-accent-soft-bg);color:var(--color-accent-ink);letter-spacing:.04em;border-radius:5px;padding:1px 5px;font-size:10.5px;font-weight:700;line-height:1.4}.auth-stage-win-x{width:28px;height:28px;color:var(--color-muted-text);place-items:center;margin-left:auto;display:grid}.auth-stage-win-x svg{width:14px;height:14px}.auth-stage-win-body{flex-direction:column;gap:8px;padding:14px 14px 12px;font-size:13.5px;line-height:1.5;display:flex}.auth-stage-day{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-muted-text);align-self:center;padding:1px 10px;font-size:11px;font-weight:500}.auth-stage-msg{text-wrap:pretty;border-radius:12px;max-width:88%;padding:8px 12px}.auth-stage-msg-q{background:var(--color-accent-ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.auth-stage-slot{align-self:flex-start;max-width:92%;position:relative}.auth-stage-msg-a{background:var(--color-sunken);max-width:none;color:var(--color-ink);border-bottom-left-radius:4px}.auth-stage-typing{background:var(--color-sunken);height:37px;color:var(--color-muted-text);opacity:0;border-radius:12px 12px 12px 4px;align-items:center;gap:4px;padding:0 14px;display:flex;position:absolute;top:0;left:0}.auth-stage-typing i{opacity:.55;background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.auth-stage-cites{flex-wrap:wrap;align-items:center;gap:6px;margin-top:-1px;display:flex}.auth-stage-cites small{color:var(--color-muted-text);font-size:11px}.auth-stage-cite{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-accent-ink);align-items:center;gap:5px;padding:2px 9px 2px 7px;font-size:11px;line-height:1.4;display:inline-flex}.auth-stage-cite svg{width:11px;height:11px}.auth-stage-newconv{color:var(--color-muted-text);align-items:center;gap:10px;margin:5px 0 2px;font-size:11px;display:flex}.auth-stage-newconv:before,.auth-stage-newconv:after{content:"";background:var(--color-line);flex:1;height:1px}.auth-stage-win-foot{border:1px solid var(--color-line);height:40px;color:var(--color-muted-2);border-radius:10px;justify-content:space-between;align-items:center;margin:2px 12px 12px;padding:0 6px 0 12px;font-size:13px;display:flex}.auth-stage-win-foot i{background:var(--color-sunken);width:28px;height:28px;color:var(--color-muted);border-radius:7px;place-items:center;display:grid}.auth-stage-win-foot i svg{width:14px;height:14px}.auth-stage-foot{grid-area:2/1;justify-content:space-between;align-items:center;gap:20px;display:flex}.auth-stage-note{max-width:300px;color:var(--color-body);text-wrap:pretty;font-size:12px;line-height:1.5}.auth-stage-launcher{flex:none;width:56px;height:56px;position:relative}.auth-stage-launcher>span{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.auth-stage-launcher-mascot{background-color:var(--color-accent-ink);background-image:var(--gradient-brand-ink);opacity:0;box-shadow:0 8px 24px #0d245f38}.auth-stage-launcher-mascot svg{width:auto;height:44px;overflow:visible}.auth-stage-launcher-mascot svg circle{fill:#fff}.auth-stage-launcher-mascot svg path{stroke:#fff}.auth-stage-launcher-close{background-color:var(--color-accent-ink);background-image:var(--gradient-brand-ink);color:#fff;box-shadow:0 8px 22px -6px #0b1f5759}.auth-stage-launcher-close svg{width:20px;height:20px}.auth-stage-legend{grid-area:1/2;align-self:stretch;margin:0;padding:0;list-style:none;position:relative}.auth-stage-legend li{border:1px solid var(--color-line);background:#ffffffc7;border-radius:12px;padding:13px 15px 14px 17px;position:absolute;left:0;right:0;box-shadow:0 1px 2px #0b1f570a}.auth-stage-legend li:first-child{top:150px}.auth-stage-legend li:nth-child(2){bottom:0}.auth-stage-legend li:nth-child(2):after{top:auto;bottom:79px}@supports (anchor-name:--auth-a) and (top:anchor(--auth-a top)){.auth-stage-win{anchor-name:--auth-win}.auth-stage-slot-1{anchor-name:--auth-a1}.auth-stage-legend{position:static}.auth-stage-legend li{left:calc(var(--auth-win-w) + var(--auth-demo-gap));width:min(var(--auth-legend-w), 100% - var(--auth-win-w) - var(--auth-demo-gap));right:auto}.auth-stage-legend li:first-child{top:calc(anchor(--auth-a1 top) - 4px)}.auth-stage-legend li:nth-child(2){bottom:anchor(--auth-win bottom)}}.auth-stage-legend li:before{content:"";background:var(--gradient-brand);border-radius:3px;width:3px;position:absolute;top:13px;bottom:13px;left:-1px}.auth-stage-legend li:after{content:"";background:linear-gradient(90deg, var(--color-muted-2), #a7b1cc59);transform-origin:0;width:34px;height:1px;position:absolute;top:25px;right:100%}.auth-stage-legend-n{letter-spacing:.04em;color:var(--color-accent-ink);font-size:11px;font-weight:700}.auth-stage-legend b{color:var(--color-ink);margin-top:1px;font-size:14px;font-weight:600;line-height:1.35;display:block}.auth-stage-legend p{color:var(--color-body);text-wrap:pretty;margin-top:5px;font-size:12.5px;line-height:1.5}.auth-nw{white-space:nowrap}.auth:has(.auth-form input:not([type=password]):focus) .auth-stage-av .auth-stage-gaze{transform:translate(16px,-4px)}.auth:has(.auth-form input[type=password]:focus) .auth-stage-av .auth-stage-gaze{transform:translate(-16px,10px)}@keyframes auth-in{0%{opacity:0;transform:translateY(8px)}}@keyframes auth-fade{0%{opacity:0}}@keyframes auth-glow{0%{opacity:0;transform:scale(.94)}}@keyframes auth-pop{0%{opacity:0;transform:translateY(10px)scale(.86)}70%{opacity:1;transform:translateY(-2px)scale(1.03)}to{opacity:1;transform:none}}@keyframes auth-mascot-away{0%{opacity:1;transform:none}to{opacity:0;transform:rotate(-40deg)scale(.6)}}@keyframes auth-x-in{0%{opacity:0;transform:rotate(40deg)scale(.6)}}@keyframes auth-open{0%{opacity:0;transform:translateY(14px)scale(.9)}}@keyframes auth-blink{0%,36%,64%,to{transform:scaleY(1)}18%,82%{transform:scaleY(.12)}}@keyframes auth-blink-once{0%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes auth-typing{0%{opacity:0;transform:translateY(4px)}14%,86%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes auth-dot{0%,60%,to{opacity:.45;transform:none}30%{opacity:1;transform:translateY(-3px)}}@keyframes auth-unveil{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}@keyframes auth-bar{0%{opacity:0;transform:scaleY(.3)}}@keyframes auth-wire{0%{opacity:0;transform:scaleX(0)}}@media screen and (prefers-reduced-motion:no-preference) and (scripting:enabled){.auth-stage[data-motion=play] .auth-stage-glow{animation:auth-glow 1.6s var(--auth-ease) 0s backwards}.auth-stage[data-motion=play] .auth-stage-glow-b{animation-delay:.15s}.auth-stage[data-motion=play] .auth-stage-glow-c{animation-delay:.3s}.auth-stage[data-motion=play] .auth-stage-kicker{animation:auth-in .56s var(--auth-ease) 50ms backwards}.auth-stage[data-motion=play] .auth-stage-h{animation:auth-in .56s var(--auth-ease) .12s backwards}@supports ((-webkit-background-clip:text) or (background-clip:text)){.auth-stage[data-motion=play] .auth-stage-lit{background-image:linear-gradient(90deg, #0d245f00 42%, #e0f7ff99 45%, var(--color-ink) 48.5%), linear-gradient(90deg, var(--auth-lit-1) 0%, var(--auth-lit-2) 48%, var(--auth-lit-3) 100%);animation:auth-unveil 1.1s var(--auth-ease) .5s backwards;background-position:0 0,0 0;background-size:250% 100%,100% 100%}}.auth-stage[data-motion=play] .auth-stage-launcher-mascot{animation:auth-pop .5s var(--auth-ease) .1s both, auth-mascot-away .26s ease-in 1.2s forwards}.auth-stage[data-motion=play] .auth-stage-launcher-mascot .auth-stage-eyes{animation:.5s linear .62s backwards auth-blink}.auth-stage[data-motion=play] .auth-stage-launcher-close{animation:auth-x-in .28s var(--auth-ease) 1.28s backwards}.auth-stage[data-motion=play] .auth-stage-win{animation:auth-open .42s var(--auth-ease) 1.2s backwards}.auth-stage[data-motion=play] .auth-stage-av .auth-stage-lids{animation:.26s linear 4.3s backwards auth-blink-once}.auth-stage[data-motion=play] [data-at]{animation:auth-in .32s var(--auth-ease) backwards}.auth-stage[data-motion=play] [data-at="1"]{animation-delay:1.55s}.auth-stage[data-motion=play] [data-at="2"]{animation-delay:2.65s}.auth-stage[data-motion=play] [data-at="3"]{animation-delay:2.95s}.auth-stage[data-motion=play] [data-at="4"]{animation-delay:3.25s}.auth-stage[data-motion=play] [data-at="5"]{animation-delay:4.2s}.auth-stage[data-motion=play] .auth-stage-typing-1{animation:.8s linear 1.85s both auth-typing}.auth-stage[data-motion=play] .auth-stage-typing-2{animation:.7s linear 3.5s both auth-typing}.auth-stage[data-motion=play] .auth-stage-typing i{animation:.6s ease-in-out backwards auth-dot}.auth-stage[data-motion=play] .auth-stage-typing-1 i:first-child{animation-delay:1.95s}.auth-stage[data-motion=play] .auth-stage-typing-1 i:nth-child(2){animation-delay:2.07s}.auth-stage[data-motion=play] .auth-stage-typing-1 i:nth-child(3){animation-delay:2.19s}.auth-stage[data-motion=play] .auth-stage-typing-2 i:first-child{animation-delay:3.58s}.auth-stage[data-motion=play] .auth-stage-typing-2 i:nth-child(2){animation-delay:3.7s}.auth-stage[data-motion=play] .auth-stage-typing-2 i:nth-child(3){animation-delay:3.82s}.auth-stage[data-motion=play] .auth-stage-legend li{animation:auth-in .44s var(--auth-ease) backwards}.auth-stage[data-motion=play] .auth-stage-legend li:first-child{animation-delay:2.95s}.auth-stage[data-motion=play] .auth-stage-legend li:nth-child(2){animation-delay:4.3s}.auth-stage[data-motion=play] .auth-stage-legend li:before{transform-origin:50% 0;animation:auth-bar .5s var(--auth-ease) backwards}.auth-stage[data-motion=play] .auth-stage-legend li:after{animation:auth-wire .4s var(--auth-ease) backwards}.auth-stage[data-motion=play] .auth-stage-legend li:first-child:before{animation-delay:3.1s}.auth-stage[data-motion=play] .auth-stage-legend li:first-child:after{animation-delay:3.05s}.auth-stage[data-motion=play] .auth-stage-legend li:nth-child(2):before{animation-delay:4.45s}.auth-stage[data-motion=play] .auth-stage-legend li:nth-child(2):after{animation-delay:4.4s}.auth-stage[data-motion=play] .auth-stage-note{animation:.45s linear 4.5s backwards auth-fade}.auth-stage-gaze{transition:transform .28s var(--auth-ease)}}@media (min-width:1360px) and (max-width:1439px){.auth-stage{padding-left:28px;padding-right:28px}}@media (max-width:1359px){.auth-stage-demo{grid-template-columns:392px}.auth-stage-legend{display:none}.auth-stage-h{font-size:clamp(27px,2.5vw,34px)}}@media (min-width:900px) and (max-height:860px){.auth-stage-launcher{display:none}}@media (min-width:900px) and (max-height:800px){.auth-form-wrap{padding-top:24px;padding-bottom:24px}.auth-form-box{gap:24px}.auth-form{gap:16px}}@media (min-width:900px) and (max-height:820px){.auth-stage-win-foot{display:none}.auth-stage-legend li:nth-child(2):after{bottom:25px}.auth-stage-h{font-size:min(30px,2.5vw)}.auth-stage-body{gap:22px}.auth-stage{padding-top:28px;padding-bottom:26px}}@media (min-width:900px) and (max-height:740px),(min-width:900px) and (max-width:1100px) and (max-height:764px){.auth-stage-foot,.auth-stage-kicker{display:none}.auth-stage-h{margin-top:0}.auth-form-wrap{padding-top:16px;padding-bottom:16px}.auth-form-box{gap:20px}.auth-form{gap:14px}}@media (max-width:1100px){.auth{grid-template-columns:minmax(0,1.2fr) minmax(440px,1fr)}.auth-stage{padding:28px 32px 26px}.auth-stage-h{letter-spacing:-.03em;font-size:28px}.auth-stage-body{gap:22px}.auth-stage-demo{grid-template-columns:minmax(0,392px)}.auth-stage-win{width:100%}.auth-stage-launcher{display:none}.auth-form-wrap{padding-left:36px;padding-right:36px}}@media (max-width:899px){.auth{display:flow-root}.auth-main{min-height:0}.auth-strip{border-bottom:1px solid var(--color-line);background:var(--color-paper);align-items:center;height:60px;padding:0 16px;display:flex;position:relative}.auth-strip:after{content:"";background:var(--gradient-brand);height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-strip a{border-radius:6px;display:inline-flex}.auth-strip img{height:24px}.auth-form-wrap{flex:none;align-items:flex-start;padding:28px 16px 32px}.auth-form-box{gap:24px}.auth-title{font-size:26px}.auth-input{font-size:16px}.auth-stage{margin:0 16px 24px;padding:22px 16px 20px}.auth-stage *,.auth-stage :before,.auth-stage :after{animation:none!important}.auth-stage-logo,.auth-stage-legend,.auth-stage-launcher,.auth-stage-win-foot,.auth-stage-glow-b,.auth-stage-glow-c{display:none!important}.auth-stage-glow-a{width:460px;height:460px;top:-40px;left:-120px}.auth-stage-body{gap:18px;padding:0}.auth-stage-h{margin-top:8px;font-size:24px}.auth-stage-demo{grid-template-columns:minmax(0,1fr)}.auth-stage-win{width:100%}.auth-stage-foot{justify-content:flex-start}.auth-stage-note{text-wrap:balance;max-width:none}.auth:has(.auth-form input:not([type=password]):focus) .auth-stage-av .auth-stage-gaze{transform:translateY(-9px)}}@media (min-width:600px) and (max-width:899px){.auth-strip{padding:0 max(16px,50% - 186px)}.auth-form-wrap{padding:clamp(24px,5vh,48px) 24px 40px}.auth-stage{max-width:438px;margin:0 auto 40px;padding:28px 32px 26px}.auth-stage-h{font-size:26px}}.auth-main{position:relative}.auth-lang{z-index:5;position:absolute;top:12px;right:16px}@media (min-width:900px){.auth-form-wrap{padding-top:52px}}@media (max-width:899px){.auth-lang{top:14px}}@media (min-width:600px) and (max-width:899px){.auth-lang{right:max(16px,50% - 186px)}}@media print{.auth{display:block}.auth-stage,.auth-lang{display:none}}
