.xc-backdrop{position:fixed;inset:0;z-index:89;background:#0000009e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .38s var(--ease)}.xc-backdrop.is-open{opacity:1;pointer-events:auto}.xc{position:fixed;z-index:90;width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;gap:14px;padding:22px 22px 20px;background:#0a0a0af0;border:1px solid var(--line);border-radius:2px;box-shadow:0 24px 60px -18px #000000e6;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);color:var(--cream);font-family:var(--mono);opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .42s var(--ease),transform .42s var(--spring)}.xc.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.xc--mitte{top:50%;left:50%;width:min(520px,calc(100vw - 32px));transform:translate(-50%,calc(-50% + 16px)) scale(.98);padding:30px 30px 26px}.xc--mitte.is-open{transform:translate(-50%,-50%) scale(1)}.xc--ecke{right:clamp(16px,3vw,32px);bottom:clamp(64px,3vw + 48px,84px);transform:translateY(18px)}.xc--ecke.is-open{transform:translateY(0)}.xc--leiste{left:0;right:0;bottom:0;width:100%;max-width:none;border-left:none;border-right:none;border-bottom:none;padding:22px clamp(20px,5vw,64px) calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}.xc--leiste.is-open{transform:translateY(0)}@media (min-width: 860px){.xc--leiste{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;column-gap:clamp(24px,5vw,64px);row-gap:8px}.xc--leiste .xc__head{grid-column:1 / -1}.xc--leiste .xc__form{grid-row:2;grid-column:2}.xc--leiste .xc__skip,.xc--leiste .xc__fine{grid-column:1}}.xc--kraeftig{background:var(--cream);border-color:var(--cream);color:#0a0a0a;backdrop-filter:none;-webkit-backdrop-filter:none}.xc--kraeftig:before{opacity:1;height:3px}.xc--kraeftig .xc__kicker,.xc--kraeftig .xc__label,.xc--kraeftig .xc__fine{color:#5a5c58}.xc--kraeftig .xc__text{color:#26282a}.xc--kraeftig .xc__close{color:#5a5c58}.xc--kraeftig .xc__close:hover{color:#0a0a0a}.xc--kraeftig .xc__input{background:#0000000b;border-color:#0000002e;color:#0a0a0a}.xc--kraeftig .xc__input::placeholder{color:#8b8e8b}.xc--kraeftig .xc__input:focus{border-color:#0a0a0a;background:#0000000f}.xc--kraeftig .xc__cta{background:#0a0a0a;border-color:#0a0a0a;color:var(--cream)}.xc--kraeftig .xc__skip{color:#6c6f6b}.xc--kraeftig .xc__skip:hover{color:#0a0a0a}.xc--akzent{border-color:var(--code-a);box-shadow:0 24px 70px -18px #e3b87147,0 24px 60px -18px #000000e6}.xc--akzent .xc__cta{background:var(--code-a);border-color:var(--code-a);color:#0a0a0a}.xc:before{content:"";position:absolute;inset:-1px auto auto -1px;width:calc(100% + 2px);height:2px;background:linear-gradient(90deg,transparent 0%,var(--code-a) 22%,var(--code-a) 78%,transparent 100%);opacity:.85}.xc__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.xc__kicker{font-size:11px;letter-spacing:.1em;color:var(--gray);text-transform:lowercase}.xc__close{flex:none;width:26px;height:26px;margin:-4px -4px 0 0;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:2px;color:var(--gray);font-family:inherit;font-size:15px;line-height:1;cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease)}.xc__close:hover{color:var(--cream)}.xc__close:focus-visible{outline:none;border-color:var(--code-a);color:var(--cream)}.xc__title{font-size:clamp(19px,2.4vw,23px);line-height:1.2;letter-spacing:-.01em;font-weight:500;text-wrap:balance}.xc__text{font-size:13px;line-height:1.62;color:var(--cream-dim)}.xc__form{display:flex;flex-direction:column;gap:10px}.xc__field{display:flex;flex-direction:column;gap:5px}.xc__field[hidden]{display:none}.xc__label{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--gray-dim)}.xc__input{width:100%;padding:11px 13px;background:#ffffff0b;border:1px solid var(--line);border-radius:2px;color:var(--cream);font-family:inherit;font-size:14px;line-height:1.3;transition:border-color .18s var(--ease),background .18s var(--ease)}.xc__input::placeholder{color:var(--gray-dim)}.xc__input:focus{outline:none;border-color:var(--code-a);background:#ffffff12}.xc__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;background:var(--cream);border:1px solid var(--cream);border-radius:2px;color:#000;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .18s var(--spring),opacity .18s var(--ease)}.xc__cta:hover{transform:translateY(-1px)}.xc__cta:active{transform:translateY(0)}.xc__cta:focus-visible{outline:2px solid var(--code-a);outline-offset:2px}.xc__cta[disabled]{opacity:.55;cursor:progress;transform:none}.xc__cta-arrow{transition:transform .18s var(--ease)}.xc__cta:hover .xc__cta-arrow{transform:translate(3px)}.xc__skip{align-self:flex-start;padding:4px 0;background:none;border:none;border-bottom:1px solid transparent;color:var(--gray-dim);font-family:inherit;font-size:11px;cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease)}.xc__skip:hover{color:var(--gray);border-bottom-color:var(--line)}.xc__skip:focus-visible{outline:none;color:var(--cream);border-bottom-color:var(--code-a)}.xc__fine{font-size:10.5px;line-height:1.55;color:var(--gray-dim)}.xc__error{font-size:12px;line-height:1.5;color:#e88b7d;border-left:2px solid #e88b7d;padding-left:9px}.xc__error[hidden]{display:none}.xc__done{display:flex;flex-direction:column;gap:9px}.xc__done-mark{font-size:22px;line-height:1;color:var(--code-a)}@media (max-width: 560px){.xc,.xc--mitte,.xc--ecke,.xc--leiste{inset:auto 0 0;width:100%;max-width:none;border-left:none;border-right:none;border-bottom:none;border-radius:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}.xc.is-open,.xc--mitte.is-open,.xc--ecke.is-open,.xc--leiste.is-open{transform:translateY(0)}.xc__title{font-size:19px}}@media (prefers-reduced-motion: reduce){.xc{transition:opacity .2s linear;transform:none}.xc.is-open{transform:none}.xc--mitte,.xc--mitte.is-open{transform:translate(-50%,-50%)}.xc-backdrop{transition:opacity .2s linear}.xc__cta:hover{transform:none}.xc__cta-arrow{transition:none}}