/* ===== Entbannung ===== */
:root{--r:#ff3d5a;--r2:#c4123a}
.kicker.red{color:var(--r)}.kicker.red::after{background:var(--r)}
.shine.red{background:linear-gradient(100deg,#ff3d5a 0%,#ff3d5a 42%,#ffe3e8 50%,#ff3d5a 58%,#ff3d5a 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,61,90,.5))}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1.5px}
.ublayout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.ubh{font-family:var(--hf);font-weight:800;font-size:22px;margin-bottom:12px}
.ubhow,.ubcheck{padding:28px 30px 30px}
.ubintro{color:#c5d3cc;font-size:14.5px;margin-bottom:20px}
.ubintro b,.ubsteps b{color:#fff}
.ubsteps{list-style:none;display:flex;flex-direction:column;gap:12px}
.ubsteps li{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(3,9,7,.5)}
.ubsteps p{color:#b9c8c1;font-size:14px;line-height:1.6}
.ubn{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 16px var(--hf);color:#fff;background:linear-gradient(160deg,var(--r),var(--r2));box-shadow:0 0 16px rgba(255,61,90,.45)}
.ubcheck{position:relative}
.ubcheck .fld>span{font-size:12px;letter-spacing:1px;color:var(--m)}
.ubcheck .fld input{font-size:17px;padding:14px 16px;text-transform:uppercase}
.ubcheck .fld input:focus{border-color:var(--r);box-shadow:0 0 0 3px rgba(255,61,90,.15),0 0 18px rgba(255,61,90,.15)}
.btn-red{width:100%;justify-content:center;border-color:var(--r);color:#fff;background:linear-gradient(180deg,#ff4d68,#c4123a);box-shadow:0 0 22px rgba(255,61,90,.4);z-index:0}
.btn-red::after{content:"";position:absolute;top:-10%;bottom:-10%;width:45%;left:-70%;z-index:-1;transform:skewX(-20deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:sweep 4.8s ease-in-out infinite}
.btn-red:hover{box-shadow:0 0 34px rgba(255,61,90,.7)}
.btn-red.load span{opacity:.6}
.btn-red.load .ar{animation:tspin .8s linear infinite}
@keyframes tspin{to{transform:rotate(360deg)}}
html.fx-off-ambient .btn-red::after{animation:none!important}
.ubhint{font-size:13px;color:var(--m);margin-top:16px;line-height:1.6}
.tdemo{margin-top:12px;font-size:12px;line-height:1.6}
.fld{position:relative;display:block;margin-bottom:14px}
.fld>span{display:block;font-size:12.5px;font-weight:600;color:#cfdcd6;margin-bottom:6px}
.fld input,.fld textarea{width:100%;font:inherit;font-size:14.5px;color:#fff;background:rgba(3,9,7,.7);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:12px 14px;outline:none;transition:.2s;resize:vertical}
.fld input::placeholder,.fld textarea::placeholder{color:#5d7068;text-transform:none;letter-spacing:normal;font-family:var(--bf)}
.fld input:focus,.fld textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(43,255,136,.15)}
.fld.bad input,.fld.bad textarea{border-color:#ff5d6c}
.fld em{display:block;font-style:normal;font-size:12px;color:#ff7b87;margin-top:5px}
.fld em:empty,.ubres[hidden],[hidden].tdemo{display:none}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#c5d3cc;cursor:pointer;margin:6px 0 4px;line-height:1.5}
.chk input{position:absolute;opacity:0;pointer-events:none}
.chk .box{flex:none;width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:rgba(3,9,7,.7);display:grid;place-items:center;transition:.2s;margin-top:1px}
.chk .box svg{width:15px;height:15px;fill:#04140b;opacity:0;transform:scale(.4);transition:.25s cubic-bezier(.2,1.5,.4,1)}
.chk input:checked+.box{background:var(--g);border-color:var(--g);box-shadow:0 0 12px rgba(43,255,136,.5)}
.chk input:checked+.box svg{opacity:1;transform:none}
.chk a{color:var(--g);text-decoration:underline}

/* Ergebnis */
.ubres{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start;animation:hin .6s cubic-bezier(.2,.8,.2,1) both}
.bancard{padding:0;overflow:hidden;border-color:rgba(255,61,90,.35)}
.bancard::before{background:linear-gradient(90deg,transparent,var(--r),transparent)}
.banhead{display:flex;align-items:center;gap:14px;padding:22px 24px;background:linear-gradient(120deg,rgba(255,61,90,.16),transparent 70%);border-bottom:1px solid rgba(255,61,90,.2)}
.banav{width:58px;height:58px;border-radius:12px;overflow:hidden;flex:none;box-shadow:0 0 0 2px var(--r),0 0 20px rgba(255,61,90,.45)}
.banav svg{width:100%;height:100%;display:block}
.banhead h3{font-family:var(--hf);font-weight:800;font-size:20px}
.banhead .mono{font-size:12px;color:var(--m)}
.bstat{margin-left:auto;font:700 11px/1 var(--hf);letter-spacing:1px;text-transform:uppercase;padding:6px 10px;border-radius:7px;color:var(--r);background:rgba(255,61,90,.12);border:1px solid rgba(255,61,90,.45)}
.banrows{padding:8px 24px 18px}
.banrows div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.banrows div:last-child{border-bottom:0}
.banrows dt{color:var(--m)}
.banrows dd{text-align:right;font-weight:600}
.banrows dd.reason{color:#ffb3c0}
.ubform,.ubchat{padding:26px 26px 28px}
.ubform h3,.ubchat h3{font-family:var(--hf);font-weight:800;font-size:19px;text-transform:uppercase;margin-bottom:6px}
.ubform>p{font-size:13.5px;color:#b9c8c1;margin-bottom:16px}
.ubform .btn{width:100%;justify-content:center;margin-top:14px}
.ubform .terr{font-size:12px;color:#ff7b87;margin-top:6px}

/* Support-Chat */
.chathead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sid{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:10px;border:1px dashed var(--g);background:rgba(43,255,136,.07);font:800 15px var(--hf);letter-spacing:1px;color:var(--g)}
.sid button{width:28px;height:28px;border-radius:7px;border:0;background:rgba(43,255,136,.12);cursor:pointer;display:grid;place-items:center}
.sid button svg{width:14px;height:14px;fill:var(--g)}
.ast{font:700 11px/1 var(--hf);letter-spacing:1px;text-transform:uppercase;padding:6px 10px;border-radius:7px;border:1px solid}
.ast.open{color:#ffcf6b;background:rgba(255,190,60,.1);border-color:rgba(255,190,60,.45)}
.ast.review{color:#7fd6ff;background:rgba(77,217,255,.1);border-color:rgba(77,217,255,.45)}
.ast.accepted{color:var(--g);background:rgba(43,255,136,.1);border-color:rgba(43,255,136,.5)}
.ast.rejected{color:var(--r);background:rgba(255,61,90,.1);border-color:rgba(255,61,90,.5)}
.msgs{display:flex;flex-direction:column;gap:10px;height:360px;overflow:auto;padding:14px;border-radius:14px;background:rgba(2,7,5,.65);border:1px solid rgba(255,255,255,.06);overscroll-behavior:contain;scroll-behavior:smooth}
.msg{max-width:82%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;animation:msgin .3s ease both}
@keyframes msgin{from{opacity:0;transform:translateY(8px)}}
.msg small{display:block;font-size:10.5px;opacity:.7;margin-top:4px}
.msg.me{align-self:flex-end;background:linear-gradient(160deg,rgba(43,255,136,.22),rgba(43,255,136,.1));border:1px solid rgba(43,255,136,.35);border-bottom-right-radius:4px}
.msg.team{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px}
.msg.team b{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:3px;color:var(--rc,#a68bff)}
.msg.team b i{font-style:normal;font:700 9.5px/1 var(--hf);letter-spacing:.8px;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:color-mix(in srgb,var(--rc,#a68bff) 15%,transparent);border:1px solid color-mix(in srgb,var(--rc,#a68bff) 45%,transparent)}
.msg.sys{align-self:center;max-width:92%;text-align:center;font-size:12px;color:var(--m);background:none;padding:4px 10px;border:1px dashed rgba(255,255,255,.1);border-radius:20px}
.chatin{display:flex;gap:8px;margin-top:12px}
.chatin textarea{flex:1;font:inherit;font-size:14.5px;color:#fff;background:rgba(3,9,7,.7);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;outline:none;resize:none;min-height:48px;max-height:140px}
.chatin textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(43,255,136,.15)}
.chatin button{flex:none;width:52px;border-radius:12px;border:0;cursor:pointer;background:linear-gradient(180deg,#3dff95,#14c964);display:grid;place-items:center;box-shadow:0 0 18px rgba(43,255,136,.4);transition:.2s}
.chatin button svg{width:22px;height:22px;fill:#04140b}
.chatin button:hover{box-shadow:0 0 28px rgba(43,255,136,.7)}
.chatin button[disabled]{opacity:.5;pointer-events:none}
.chatclosed{margin-top:12px;font-size:13px;color:var(--m);text-align:center}
.ubnf{grid-column:1/-1;padding:30px;text-align:center}
.ubnf svg{width:48px;height:48px;fill:var(--g);margin:0 auto 12px;display:block;filter:drop-shadow(0 0 10px var(--g))}
.ubnf h3{font-family:var(--hf);font-weight:800;font-size:20px;margin-bottom:6px}
.ubnf p{color:#b9c8c1;font-size:14px;max-width:480px;margin:0 auto}
@media(max-width:980px){.ublayout,.ubres{grid-template-columns:1fr}.ubcheck{position:static}}
@media(max-width:760px){.ubhow,.ubcheck,.ubform,.ubchat{padding:22px 18px 24px}.banhead{padding:18px}.banrows{padding:6px 18px 14px}.msgs{height:320px}.msg{max-width:90%}}