[hidden]{display:none!important}
html{min-height:100%}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
main.w{flex:1 0 auto;padding-bottom:56px}
.w.wide{width:min(1240px,100% - 32px)}
button.pill{background:none;cursor:pointer}
.nav form{margin:0}
.pill.fill{border-color:transparent;background:linear-gradient(#0a4f9f,#063a7d);color:#fff}

.al{margin:18px 0 0;padding:13px 16px;border:1px solid var(--b2);border-radius:14px;background:rgba(120,180,255,.16);font-size:14px;font-weight:600}
.al.ok{border-color:#1a9d62;background:rgba(26,157,98,.14)}
.al.err{border-color:#d9534f;background:rgba(217,83,79,.14)}
.al ul{margin:0;padding-left:18px}
.al a{text-decoration:underline}
.fc .al{margin:0 0 18px}
.main .al{margin:0}

.au{max-width:560px;margin:56px auto 0}
.au .ey{justify-content:center}
.au h2{margin:12px 0 8px;text-align:center}
.au .lead{margin:0 0 26px;color:var(--mut);text-align:center}
.fc{padding:32px}
.fm{display:grid;gap:18px}
.fd{display:grid;gap:7px;min-width:0}
.fd label,.fs legend{font-size:13px;font-weight:700}
.in{width:100%;padding:13px 14px;border:1.5px solid var(--b2);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:14px}
.in:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(120,180,255,.25)}
.in:disabled{opacity:.55;cursor:not-allowed}
textarea.in{min-height:160px;resize:vertical}
textarea.in.short{min-height:92px}
input[type=file].in{padding:10px 12px}
.hint{margin:0;color:var(--mut);font-size:12px}
.fs{min-width:0;margin:0;padding:0;border:0}
.fs legend{padding:0;margin-bottom:8px}
.chs{display:flex;flex-wrap:wrap;gap:10px}
.ch{position:relative;flex:1 1 140px}
.ch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ch span{display:block;padding:13px 14px;border:1.5px solid var(--b2);border-radius:12px;background:var(--card);font-size:14px;font-weight:600;text-align:center}
.ch input:checked+span{border-color:var(--blue);background:rgba(120,180,255,.2);color:var(--navy)}
.ch input:focus-visible+span{outline:3px solid #7fb8ff;outline-offset:2px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.ck2{display:flex;gap:10px;align-items:flex-start;color:var(--mut);font-size:13px}
.ck2 input{margin-top:3px;accent-color:var(--blue)}
.ck2 a,.alt a,.more a{color:var(--blue);font-weight:700}
.ck2 a{text-decoration:underline}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alt{margin:20px 0 0;color:var(--mut);font-size:14px;text-align:center}
.fm .cta{width:100%;text-align:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:1.5px solid var(--b2);border-radius:99px;background:var(--card);color:var(--navy);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none}
.btn::-webkit-details-marker{display:none}
.btn:hover{border-color:var(--blue)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.p{border-color:transparent;background:linear-gradient(#0a4f9f,#063a7d);color:#fff}
.btn.d{border-color:#d9534f;color:#d9534f}
.btn.s{padding:7px 12px;font-size:12px}
.rl{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--b2);border-radius:99px;background:rgba(120,180,255,.18);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.rl.developer{border-color:transparent;background:linear-gradient(135deg,#0a56ad,#03366d);color:#fff}
.rl.shaykh{border-color:transparent;background:var(--sky);color:#06356f}
.rl.gast{background:none;color:var(--mut)}
.rl.ok{border-color:#1a9d62;background:rgba(26,157,98,.14);color:#1a9d62}
.rl.wait{border-color:#c98a00;background:rgba(201,138,0,.14);color:#c98a00}
.rl.no{border-color:#d9534f;background:rgba(217,83,79,.14);color:#d9534f}

.dash{display:grid;grid-template-columns:292px minmax(0,1fr);gap:28px;align-items:start;margin-top:22px}
.main{display:grid;gap:22px;min-width:0}
.ph{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.ph h1{margin:0;font-size:clamp(24px,4vw,32px);letter-spacing:-.02em}
.ph p{margin:6px 0 0;color:var(--mut);font-size:14px}
.ph h3{margin:0}

.wel{position:relative;overflow:hidden;padding:30px 32px;border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 8%,rgba(70,160,255,.35),transparent 45%),linear-gradient(135deg,#0a56ad,#08468b 45%,#03366d);box-shadow:0 24px 50px rgba(3,54,109,.22)}
.wel>*{position:relative}
.wel .gl{position:absolute;right:-10px;bottom:-60px;color:rgba(255,255,255,.06);font-size:200px}
.wel h1{margin:10px 0 6px;font-size:clamp(24px,4vw,34px);letter-spacing:-.02em}
.wel p{max-width:560px;margin:0;color:rgba(255,255,255,.92)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.stat{padding:20px}
.stat small{display:block;color:var(--mut);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.stat b{display:block;margin-top:6px;font-size:26px;letter-spacing:-.02em}
.stat b.sm{font-size:19px;line-height:1.3}
.cd{padding:24px}
.cd h3{margin:0 0 6px;font-size:17px}
.li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
.li:first-of-type{border-top:0}
.li p{margin:2px 0 0}
.more{margin:12px 0 0;font-size:14px}
.body p{margin:0 0 14px;color:var(--ink);font-size:15px}
.body p:last-child{margin-bottom:0}
.gl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
.gl-row:first-child{border-top:0}

.les{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.lc{display:flex;flex-direction:column;gap:10px;padding:22px}
.lc h3{margin:0;font-size:17px}
.lc p{margin:0;color:var(--mut);font-size:14px}
.lc .btn{align-self:flex-start;margin-top:auto}
.lc.lk{opacity:.78}
.lc p.when{color:var(--navy);font-size:14px;font-weight:700}
.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.det{padding:30px}
.det video{display:block;width:100%;margin-bottom:20px;border-radius:16px;background:#000}
.det>.btn{margin-bottom:18px}
.sum{display:flex;gap:8px;align-items:center;margin:0 0 16px;color:var(--mut);font-size:16px;font-weight:600}

.toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs a{display:inline-flex;align-items:center;padding:8px 14px;border:1.5px solid var(--b2);border-radius:99px;color:var(--navy);font-size:13px;font-weight:700}
.tabs a.on{border-color:var(--navy);background:var(--navy);color:var(--bg)}
.tabs.big a{gap:8px;padding:10px 18px;font-size:14px}
.tn{margin-left:7px;padding:1px 8px;border-radius:99px;background:rgba(120,180,255,.22);font-size:11px}
.tabs a.on .tn{background:rgba(255,255,255,.22)}
.srch{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.srch .in{flex:1 1 240px;width:auto}
.pg{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}

.ulist{display:grid;gap:16px}
.uc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:24px;padding:24px}
.uc-main{min-width:0}
.uc-h{display:flex;gap:14px;align-items:center}
.uav{display:grid;flex:none;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#0b5bb5,#06356f);color:#fff;font-size:18px;font-weight:800}
.uc-name{font-size:17px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.uc-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:7px}
.kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 14px;margin:18px 0 0;font-size:13px}
.kv dt{color:var(--mut)}
.kv dd{margin:0;overflow-wrap:anywhere}
.kv a{color:var(--blue);font-weight:600}
.uc-side{display:grid;align-content:start;gap:14px;padding-left:24px;border-left:1px solid var(--line)}
.uc-side .hint{font-size:13px}
.acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.acts form{display:flex;gap:6px;align-items:center;margin:0}
.ctl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.ctl .btn{grid-column:1/-1}
.mini{display:grid;gap:5px;color:var(--mut);font-size:12px;font-weight:700}
.mini .in{padding:10px 12px;color:var(--ink);font-size:13px;font-weight:600}
.pwrow{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px dashed var(--b2);border-radius:14px}
.pwrow .hint{margin-right:auto}
.pw{font:13px ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.pwd[open]{flex:1 1 100%}
.pwset{display:flex;gap:8px;margin:10px 0 0}
.pwset .in{min-width:0;padding:9px 12px;font-size:13px}
.row2{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 22px}
.row2-main{min-width:0}
.sp-row{display:flex;gap:14px;align-items:center;min-width:0}
.sav{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--sky)}

.gbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.chat{display:flex;flex-direction:column;overflow:hidden;padding:0}
.chat .older{padding:12px 18px 0;text-align:center}
.msgs{display:flex;flex-direction:column;gap:12px;height:min(60vh,600px);padding:18px;overflow-y:auto}
.msg{align-self:flex-start;max-width:min(680px,94%);padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.msg.mine{align-self:flex-end;background:rgba(120,180,255,.18)}
.msg.staff{border-color:var(--b2)}
.ann .msg,.ann .msg.mine{align-self:stretch;max-width:none;padding:14px 18px;border-radius:18px}
.mh{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}
.mh b{font-size:13px}
.mh time{color:var(--mut)}
.msg p{margin:4px 0 0;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}
.cnote{margin:0;padding:0 18px 10px}
.chat .ro{margin:0;padding:14px 18px;border-top:1px solid var(--line)}
.send{position:relative;display:flex;gap:10px;align-items:flex-end;padding:14px;border-top:1px solid var(--line)}
.send .in{flex:1;min-height:48px;height:48px;max-height:140px;resize:none}
.emo-btn{flex:none;width:48px;height:48px;padding:0;border-radius:16px}
.emo{position:absolute;left:14px;bottom:calc(100% + 8px);z-index:5;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:min(380px,calc(100% - 28px));max-height:240px;padding:10px;overflow-y:auto;border:1px solid var(--b2);border-radius:18px;background:var(--card);box-shadow:0 20px 50px rgba(8,70,139,.22)}
.emo button{padding:6px 0;border:0;border-radius:10px;background:none;font-size:22px;line-height:1.1;cursor:pointer}
.emo button:hover{background:rgba(120,180,255,.22)}

.sups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;max-width:780px;margin:26px auto 0}
.sups.one{max-width:560px}
.sec .sups .sup{max-width:none;margin:0}
.pr{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.pr.many{max-width:1003px}
.pr .big.sm{font-size:26px;line-height:1.3}
.phint{max-width:620px;margin:22px auto 0;color:var(--mut);font-size:14px;text-align:center}

.tw{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{padding:12px 14px;background:rgba(120,180,255,.1);color:var(--mut);font-size:11px;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}

.ft{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:space-between;flex-shrink:0;padding:24px 0 36px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}
.ft nav{display:flex;flex-wrap:wrap;gap:20px}
.ft a:hover{color:var(--blue)}
.prose{max-width:760px;margin:56px auto 0;padding:36px}
.prose h1{margin:0 0 6px;font-size:clamp(28px,5vw,38px)}
.prose h2{margin:28px 0 8px;font-size:20px;letter-spacing:-.01em}
.prose p,.prose li{color:var(--mut);font-size:15px}
.prose p{margin:0 0 12px}
.prose a{color:var(--blue);font-weight:600;text-decoration:underline}
.prose .upd{font-size:13px}

@media(max-width:980px){
.dash{grid-template-columns:1fr;gap:18px}
.uc{grid-template-columns:1fr}
.uc-side{padding:16px 0 0;border-top:1px solid var(--line);border-left:0}
}
@media(max-width:560px){
.g2{grid-template-columns:1fr}
.fc,.prose,.det{padding:22px}
.nav{gap:8px;padding:0 10px}
.wel{padding:24px}
.uc{padding:18px}
.kv{grid-template-columns:96px minmax(0,1fr)}
.emo{grid-template-columns:repeat(6,1fr)}
.row2{padding:16px}
}

html{scroll-behavior:smooth}
::selection{background:rgba(70,160,255,.35)}
:focus-visible{outline:3px solid #7fb8ff;outline-offset:2px}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ring{from{stroke-dashoffset:264}}
@keyframes toastin{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,93,93,.55)}60%{box-shadow:0 0 0 7px rgba(255,93,93,0)}}
.main>*{animation:up .5s both}
.main>:nth-child(2){animation-delay:.05s}
.main>:nth-child(3){animation-delay:.1s}
.main>:nth-child(4){animation-delay:.15s}
.main>:nth-child(n+5){animation-delay:.2s}
.btn,.pill,.cta{transition:transform .15s,box-shadow .2s,border-color .2s,background .2s}
.btn:active,.cta:active{transform:scale(.97)}
.btn.p:hover,.cta:hover{box-shadow:0 10px 24px rgba(5,57,127,.32)}

.toasts{position:fixed;top:16px;right:16px;z-index:60;display:grid;gap:10px;width:min(380px,calc(100% - 32px))}
.toast{position:relative;margin:0;padding-right:44px;background:linear-gradient(rgba(120,180,255,.16),rgba(120,180,255,.16)),var(--card);box-shadow:0 18px 40px rgba(8,70,139,.22);animation:toastin .35s;transition:opacity .35s,transform .35s}
.toast.ok{background:linear-gradient(rgba(26,157,98,.16),rgba(26,157,98,.16)),var(--card)}
.toast.err{background:linear-gradient(rgba(217,83,79,.16),rgba(217,83,79,.16)),var(--card)}
.toast.out{opacity:0;transform:translateX(24px)}
.tx{position:absolute;top:8px;right:10px;width:26px;height:26px;border:0;border-radius:50%;background:none;color:inherit;font-size:20px;line-height:1;opacity:.6;cursor:pointer}
.tx:hover{background:rgba(120,180,255,.2);opacity:1}
.totop{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(#0a4f9f,#063a7d);color:#fff;box-shadow:0 12px 28px rgba(5,57,127,.35);cursor:pointer;animation:pop .25s}
.totop:hover{transform:translateY(-2px)}

.pwf{position:relative}
.pwf .in{padding-right:48px}
.eye{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--mut);cursor:pointer;transform:translateY(-50%)}
.eye:hover,.eye.on{background:rgba(120,180,255,.18);color:var(--navy)}
.meter{display:flex;gap:10px;align-items:center;min-height:16px}
.meter i{position:relative;flex:1;height:5px;border-radius:99px;background:var(--line);overflow:hidden}
.meter i::after{content:'';position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;transition:width .3s,background .3s}
.meter[data-lv="1"] i::after{width:33%;background:#d9534f}
.meter[data-lv="2"] i::after{width:66%;background:#c98a00}
.meter[data-lv="3"] i::after{width:100%;background:#1a9d62}
.meter span{min-width:52px;color:var(--mut);font-size:12px;font-weight:700}
.cc{justify-self:end;color:var(--mut);font-size:11px}

.has-new{position:relative}
.sn a.has-new::after{content:'';position:absolute;top:50%;right:14px;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:#ff5d5d;animation:pulse 2s infinite}
.card.tile.has-new::after{content:'Neu';position:absolute;top:14px;right:14px;padding:2px 8px;border-radius:99px;background:#ff5d5d;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.card.tile{position:relative;display:grid;gap:3px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s}
.card.tile:hover{border-color:var(--b2);box-shadow:0 26px 56px rgba(8,70,139,.16);transform:translateY(-3px)}
.tile b{font-size:15px}
.tile small{color:var(--mut);font-size:12px}
.ti{display:grid;flex:none;place-items:center;width:44px;height:44px;margin-bottom:8px;border-radius:15px;background:linear-gradient(135deg,rgba(120,180,255,.28),rgba(120,180,255,.1));color:var(--navy)}
.ti.big{width:52px;height:52px;margin:0;border-radius:18px}
.dgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}
.dcol{display:grid;gap:22px;min-width:0}
.cd-h{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
.cd-h h3{margin:0}
.cd-h .more{margin:0}
.nxt{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.nxt b{font-size:16px}
.nxt p{margin:4px 0 0}
.pb{display:block;width:100%;height:8px;margin:0 0 18px;border:0;border-radius:99px;background:var(--line);overflow:hidden;-webkit-appearance:none;appearance:none}
.pb::-webkit-progress-bar{border-radius:99px;background:var(--line)}
.pb::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#1f78e0,#6fb0ff);transition:width .6s}
.pb::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#1f78e0,#6fb0ff)}
.empty{display:grid;justify-items:center;gap:6px;padding:26px 12px;text-align:center}
.empty b{font-size:15px}
.empty p{max-width:300px;margin:0}
.ei{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:50%;background:rgba(120,180,255,.16);color:var(--navy)}
.empty.ok .ei{background:rgba(26,157,98,.16);color:#1a9d62}
.wchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600}
.chip b{font-weight:800}
a.chip.hot{border-color:#fff;background:#fff;color:#06356f}
a.chip:hover{transform:translateY(-1px)}
.prog h3{margin:0 0 14px}
.prog-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.ring{flex:none;width:112px;height:112px}
.ring .rt{fill:none;stroke:var(--line);stroke-width:9}
.ring .rf{fill:none;stroke:var(--blue);stroke-width:9;stroke-linecap:round;animation:ring 1.1s ease-out both}
.ring text{fill:var(--ink);font:800 22px 'Plus Jakarta Sans',system-ui,sans-serif}
.prog-nums{display:flex;flex-wrap:wrap;gap:20px}
.prog-nums b{display:block;font-size:24px;letter-spacing:-.02em}
.prog-nums small{color:var(--mut);font-size:12px}
.todo{display:grid;gap:12px;margin:12px 0 0;padding:0;list-style:none}
.todo li{display:flex;gap:12px;align-items:flex-start}
.todo small{display:block;color:var(--mut);font-size:12px}
.todo a{color:var(--blue);text-decoration:underline}
.sc{display:grid;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;border:2px solid var(--b2);border-radius:50%;color:#fff}
.todo li.done .sc{border-color:#1a9d62;background:#1a9d62}
.todo li.done b{color:var(--mut);text-decoration:line-through}
.ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.a{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(120,180,255,.06);opacity:.62;transition:transform .2s,opacity .2s}
.a.got{border-color:var(--b2);background:linear-gradient(135deg,rgba(120,180,255,.2),rgba(120,180,255,.06));opacity:1}
.a:hover{transform:translateY(-2px)}
.a .ai{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border-radius:12px;background:rgba(120,180,255,.2);color:var(--navy)}
.a.got .ai{background:linear-gradient(135deg,#0a56ad,#03366d);color:#fff}
.a b{font-size:13px}
.a small{color:var(--mut);font-size:11px;line-height:1.35}
.tip{display:flex;gap:14px;align-items:flex-start}
.tip small{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tip p{margin:5px 0 0;font-size:14px}
.mt{margin-top:12px}

.lprog{display:flex;gap:20px;align-items:center}
.lprog>div{flex:1;min-width:0}
.lprog .pb{margin:10px 0}
.lprog .ring{width:92px;height:92px}
.lc{transition:transform .2s,box-shadow .2s,border-color .2s}
.lc:not(.lk):hover{box-shadow:0 26px 56px rgba(8,70,139,.14);transform:translateY(-3px)}
.lc.dn{border-color:rgba(26,157,98,.45)}
.lc .acts{margin-top:auto}
.rl.new{border-color:transparent;background:var(--blue);color:#fff}
.donebar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:26px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(120,180,255,.08)}
.donemsg{display:inline-flex;gap:8px;align-items:center;color:#1a9d62;font-size:14px;font-weight:700}
.donemsg.off{color:var(--mut)}
.pf{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:26px}
.av2.big{width:72px;height:72px;border-radius:24px;font-size:28px}
.pf-main{flex:1;min-width:200px}
.pf-main h1{margin:0 0 8px;font-size:clamp(22px,3.5vw,28px);letter-spacing:-.02em}

.photo{display:flex;gap:18px;align-items:center}
.photo .fd{flex:1}
.sav.xl{width:96px;height:96px}
.sp-row .sav,.sp-row .uav{width:52px;height:52px}
.sups .sup{gap:16px;padding:16px 20px;transition:transform .2s,box-shadow .2s}
.sups .sup:hover{box-shadow:0 26px 56px rgba(8,70,139,.14);transform:translateY(-3px)}
.sup .sav{width:60px;height:60px;border:3px solid var(--card);box-shadow:0 8px 20px rgba(8,70,139,.2)}

.chat{position:relative}
.jump{position:absolute;inset-inline:0;bottom:92px;z-index:4;width:max-content;margin-inline:auto;padding:8px 16px;border:0;border-radius:99px;background:linear-gradient(#0a4f9f,#063a7d);color:#fff;font:700 13px 'Plus Jakarta Sans',system-ui,sans-serif;box-shadow:0 12px 28px rgba(5,57,127,.35);cursor:pointer;animation:pop .25s}
.msg.fresh{animation:pop .3s ease}

@media(max-width:1100px){.dgrid{grid-template-columns:1fr}}
@media(max-width:560px){.tiles{grid-template-columns:1fr 1fr}.card.tile{padding:16px}.photo,.lprog{flex-direction:column;align-items:flex-start}.toasts{top:10px;right:10px}.pf{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}


.h2s{margin:0;font-size:20px;letter-spacing:-.01em}
.ph p.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 6px;font-size:13px}
.crumb a{color:var(--blue);font-weight:700}
.crumb2{display:block;margin-bottom:3px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.grp{margin:10px 0 0;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.course{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.course::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#1f78e0,#6fb0ff)}
.course:hover{border-color:var(--b2);box-shadow:0 30px 60px rgba(8,70,139,.16);transform:translateY(-4px)}
.course.fin::before{background:linear-gradient(90deg,#1a9d62,#5fd6a0)}
.course.soon{opacity:.75}
.cv-top{display:flex;align-items:center;justify-content:space-between}
.cv-n{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#0a56ad,#03366d);color:#fff;font-size:18px;font-weight:800}
.course.fin .cv-n{background:linear-gradient(135deg,#17855a,#0f6844)}
.course h3{margin:6px 0 0;font-size:19px;letter-spacing:-.01em}
.course p{margin:0;color:var(--mut);font-size:14px}
.course .pb{margin:6px 0 0}
.cv-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.path{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.path li{position:relative;display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:var(--card);transition:transform .2s,box-shadow .2s,border-color .2s}
.path li:not(:last-child)::after{content:'';position:absolute;top:100%;left:39px;width:2px;height:14px;background:var(--b2)}
.path li:hover{border-color:var(--b2);transform:translateX(3px)}
.path li.next{border-color:var(--blue);box-shadow:0 20px 44px rgba(31,120,224,.18)}
.path li.lock{opacity:.7}
.pn{display:grid;flex:none;place-items:center;width:40px;height:40px;border:2px solid var(--b2);border-radius:50%;color:var(--navy);font-weight:800}
.path li.done .pn,.mpath li.done .pn{border-color:#1a9d62;background:#1a9d62;color:#fff}
.path li.next .pn{border-color:var(--blue);background:var(--blue);color:#fff}
.pbody{flex:1;min-width:0}
.pbody b{font-size:16px}
.pbody p{margin:3px 0 6px}
.lgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.lgrid.solo{grid-template-columns:minmax(0,1fr)}
.lmain{display:grid;gap:16px;min-width:0}
.lside{position:sticky;top:16px}
.lside h3{margin:0 0 12px;font-size:16px}
.mpath{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.mpath li{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;font-size:13px;font-weight:600}
.mpath li.cur{background:rgba(120,180,255,.18);color:var(--navy)}
.mpath li.lock{opacity:.6}
.mpath .pn{width:26px;height:26px;font-size:11px}
.mpath a:hover{color:var(--blue)}
.lnav{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lnav-a{display:grid;gap:3px;padding:16px 18px;transition:transform .2s,box-shadow .2s}
.lnav-a small{color:var(--mut);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.lnav-a.fwd{grid-column:2;text-align:right}
.lnav-a:hover{box-shadow:0 26px 56px rgba(8,70,139,.14);transform:translateY(-3px)}
.infoacts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.js .rvl{opacity:0}
.js .rvl.in{animation:rise .7s ease both}
.feat .rvl:nth-child(3n+2),.steps .rvl:nth-child(2),.pr .rvl:nth-child(2){animation-delay:.08s}
.feat .rvl:nth-child(3n+3),.steps .rvl:nth-child(3){animation-delay:.16s}
.steps .rvl:nth-child(4){animation-delay:.24s}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.feat .card{padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s}
.feat .card:hover{border-color:var(--b2);box-shadow:0 30px 60px rgba(8,70,139,.14);transform:translateY(-4px)}
.fi{display:grid;place-items:center;width:50px;height:50px;margin-bottom:16px;border-radius:17px;background:linear-gradient(135deg,#0a56ad,#03366d);color:#fff;box-shadow:0 12px 24px rgba(3,54,109,.25)}
.feat h3{margin:0 0 6px;font-size:18px}
.feat p{margin:0;color:var(--mut);font-size:14px}
.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.show{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center}
.show h2{margin-top:12px}
.lead2{margin:0;color:var(--mut)}
.checks{display:grid;gap:12px;margin:22px 0 28px;padding:0;list-style:none}
.checks li{display:flex;gap:10px;align-items:center;color:var(--mut);font-weight:600}
.checks svg{flex:none;color:var(--blue)}
.acts2{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ghost{padding:14px 26px;border:1.5px solid var(--b2);border-radius:99px;color:var(--navy);font-weight:700;transition:border-color .2s,transform .15s}
.ghost:hover{border-color:var(--blue);transform:translateY(-2px)}
.mock{position:relative;padding:26px;border:1px solid var(--line);border-radius:30px;background:var(--card);box-shadow:0 40px 90px rgba(8,70,139,.2);transform:rotate(1.4deg)}
.mock-tag{position:absolute;top:-12px;right:22px;padding:4px 12px;border-radius:99px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mk-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.mk-top b{font-size:18px}
.mk-top small{color:var(--mut)}
.mk-row{display:flex;gap:18px;align-items:center;margin-bottom:16px;padding:16px;border-radius:20px;background:rgba(120,180,255,.1)}
.mk-row .ring{width:84px;height:84px}
.mk-row>div{flex:1;min-width:0}
.mk-row .pb{margin:8px 0}
.mk-row small{color:var(--mut);font-size:12px}
.mk-item{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.mk-item .ti{margin:0}
.mk-item small{display:block;color:var(--mut);font-size:12px}
.faq{display:grid;gap:12px;max-width:780px;margin:34px auto 0}
.faq details{border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 14px 34px rgba(8,70,139,.06);transition:border-color .2s}
.faq details[open]{border-color:var(--b2)}
.faq summary{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:18px 22px;font-weight:700;list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--blue);font-size:24px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 22px 20px;color:var(--mut);font-size:15px}
.cband{position:relative;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;margin-top:110px;padding:44px 48px;overflow:hidden;border-radius:32px;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(90,170,255,.4),transparent 55%),linear-gradient(135deg,#0a56ad,#08468b 45%,#03366d);box-shadow:0 30px 60px rgba(3,54,109,.25)}
.cband>*{position:relative}
.cband h2{margin:0 0 8px;color:#fff;font-size:clamp(26px,4vw,36px)}
.cband h2 i{color:var(--sky)}
.cband p{max-width:460px;margin:0;color:rgba(255,255,255,.92)}

@media(max-width:980px){
.lgrid{grid-template-columns:1fr}
.lside{position:static}
.feat{grid-template-columns:repeat(2,1fr)}
.show{grid-template-columns:1fr;gap:40px}
.mock{transform:none}
}
@media(max-width:600px){
.feat{grid-template-columns:1fr}
.cband{padding:30px 24px}
.lnav{grid-template-columns:1fr}
.lnav-a.fwd{grid-column:1}
.path li{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.js .rvl{opacity:1!important}}


/* Hintergrund: verwobenes Sterngitter. Der achtzackige Stern aus zwei übereinandergelegten Quadraten ist der Rub-el-Hizb-Stern, der im Mushaf die Abschnitte markiert. */
:root{--pat:#0e5fbe;--pato:.3;--veil:rgba(243,249,254,.8)}
[data-theme=dark]{--pat:#7db8ff;--pato:.26;--veil:rgba(6,20,42,.84)}

/* Header */
.nav{gap:16px;padding:0 14px 0 18px;flex-wrap:nowrap}
.br{flex:0 1 auto;min-width:0}
.br .bn{display:flex;align-items:baseline;min-width:0;overflow:hidden;white-space:nowrap;color:var(--ink);font-weight:400}
.br .bn b{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;font-weight:800}
.br .bn span{flex:none;color:var(--mut);font-weight:400}
.links{flex:none;gap:22px;margin-left:6px}
.links a{white-space:nowrap}
.r{flex:none}
.pill{white-space:nowrap}
.mn{display:none;position:relative}
.mn summary{list-style:none;cursor:pointer}
.mn summary::-webkit-details-marker{display:none}
.mn-p{position:absolute;right:0;top:calc(100% + 12px);z-index:30;display:grid;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 20px 50px rgba(8,70,139,.2)}
.mn-p a{padding:12px 14px;border-radius:12px;font-size:14px;font-weight:600;white-space:nowrap}
.mn-p a:hover{background:rgba(120,180,255,.16)}
@media(max-width:1080px){.links{display:none}.mn{display:block}}
@media(max-width:479px){.br .bn{display:none}.tg{width:38px;height:38px;box-shadow:0 0 0 3px rgba(120,180,255,.25)}.pill{padding:7px 11px;font-size:12px}.r{gap:6px}}

/* Dashboard-Seitenleiste */
.side{position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 10px 30px rgba(8,70,139,.07)}
.side-in{display:flex;flex-direction:column;min-height:0;padding:18px 12px 12px}
.me{display:flex;gap:12px;align-items:center;margin-bottom:4px;padding:2px 8px 16px;border-bottom:1px solid var(--line)}
.av2{position:relative;display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0a56ad,#03366d);color:#fff;font:800 18px/1 'Plus Jakarta Sans',system-ui,sans-serif}
.av2 .dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2.5px solid var(--card);border-radius:50%;background:#2fd18a}
.who{min-width:0}
.who b{display:block;margin-bottom:4px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.sn{display:grid;gap:2px;min-height:0;padding-right:2px;overflow-y:auto;scrollbar-color:var(--b2) transparent;scrollbar-width:thin}
.sn h4{margin:18px 10px 6px;color:var(--mut);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.sn h4:first-child{margin-top:12px}
.sn a{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink);font-size:14px;font-weight:600;transition:background .15s,color .15s}
.sn .ic{display:grid;flex:none;place-items:center;width:22px;height:22px;color:var(--mut);transition:color .15s}
.sn .lb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sn a:hover{background:rgba(120,180,255,.14)}
.sn a:hover .ic{color:var(--blue)}
.sn a.on{background:rgba(31,120,224,.13);color:var(--navy);box-shadow:inset 3px 0 0 var(--blue)}
.sn a.on .ic{color:var(--blue)}
.cnt{margin-left:auto;padding:2px 9px;border-radius:99px;background:#ff5d5d;color:#fff;font-size:11px;font-weight:800}
.side-foot{display:grid;gap:4px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
.side-foot form{margin:0}
.sf{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:12px;background:none;color:var(--mut);font:600 13px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.sf:hover{background:rgba(120,180,255,.14);color:var(--ink)}
@media(max-width:980px){
.side{position:static;max-height:none;border-radius:20px}
.side-in{padding:12px}
.me{margin-bottom:0;padding:0 4px 10px}
.sn{display:flex;gap:8px;padding:10px 0 4px;overflow-x:auto;scrollbar-width:none}
.sn::-webkit-scrollbar{display:none}
.sn h4{display:none}
.sn a{flex:none;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;white-space:nowrap}
.sn a.on{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:none}
.sn a.on .ic{color:#fff}
.sn .ic{width:18px;height:18px}
.side-foot{grid-template-columns:1fr 1fr;margin-top:6px;padding-top:8px}
}

/* Startseite: Lehrer, Rezensionen, QR */
.av.ph-img{display:block;width:100%;height:auto;object-fit:cover}
.sub{margin:44px 0 0;text-align:center;font-size:20px;letter-spacing:-.01em}
.sub+.row,.sub+.mqs{margin-top:18px}
.mqs{display:grid;gap:14px;margin-top:22px}
.mq{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mq-t{display:flex;gap:14px;width:max-content;padding-right:14px;animation:mq 80s linear infinite}
.mq.rev .mq-t{animation-direction:reverse}
.mq:hover .mq-t{animation-play-state:paused}
.rq{display:flex;flex:none;flex-direction:column;justify-content:space-between;gap:12px;width:min(340px,80vw);margin:0;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 14px 34px rgba(8,70,139,.07)}
.rq blockquote{margin:0;color:var(--ink);font-size:14px;line-height:1.6}
.rq figcaption{color:var(--blue);font-size:13px;font-weight:700}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq{overflow-x:auto;-webkit-mask:none;mask:none}}
.st:not(:has(img)){background:linear-gradient(135deg,#0a56ad,#03366d)}
.qd{width:min(380px,92vw);border-radius:24px;background:var(--card);color:var(--ink)}
.qb{padding:30px 24px 24px;text-align:center}
.qb h3{margin:0 0 16px;font-size:20px}
.qb img{display:block;width:min(260px,68vw);height:auto;margin:0 auto 16px;padding:8px;border-radius:14px;background:#fff}
.qb p{margin:0 0 8px;font-size:14px}
.qb .qh{color:var(--mut);font-size:12px}
.qd .x{background:rgba(120,140,170,.28);color:var(--ink)}
.cband .b{font-family:inherit}
button.b{cursor:pointer}

/* Admin-Vorschauen */
.vprev{display:block;width:160px;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:10px}
.sp-row .vprev{width:80px}
.qrprev{display:block;width:120px;height:120px;border:1px solid var(--line);border-radius:12px;background:#fff;object-fit:contain}

/* Handy */
@media(max-width:560px){
.hero{padding:26px 20px;border-radius:26px}
.sec{margin-top:60px}
.row{margin-right:-16px;padding-right:16px}
.st{flex-basis:160px}
.lh{padding:22px}
.cband{margin-top:70px}
.pr .big{font-size:34px}
.card{padding:22px}
.rq{width:min(300px,84vw)}
}
@media(max-width:860px){.av.ph-img{width:140px}}


/* Hintergrund: Kachel wirkt als Maske (Farbe kommt aus --pat), zur Lesespalte hin wird sie abgedunkelt */
.bg{--cw:1003px;--t:144px;--m:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%22-72%20-72%20144%20144%22%20width=%22144%22%20height=%22144%22%3E%3Cg%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%221.15%22%20stroke-linejoin=%22round%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M-54.5%20-54.5L-26.7%20-54.5M-8.3%20-54.5L54.5%20-54.5L54.5%20-26.7M54.5%20-8.3L54.5%2054.5L26.7%2054.5M8.3%2054.5L-54.5%2054.5L-54.5%2026.7M-54.5%208.3L-54.5%20-54.5M-47.3%20-47.3L-33.9%20-47.3M-15.5%20-47.3L47.3%20-47.3L47.3%20-33.9M47.3%20-15.5L47.3%2047.3L33.9%2047.3M15.5%2047.3L-47.3%2047.3L-47.3%2033.9M-47.3%2015.5L-47.3%20-47.3M-75.0%208.1L-57.4%20-9.5M-44.4%20-22.5L-2.1%20-64.9M7.1%20-74.1L8.1%20-75.0M-75.0%20-2.1L-57.4%20-19.7M-44.4%20-32.7L-7.1%20-69.9M-8.1%20-75.0L9.5%20-57.4M22.5%20-44.4L64.9%20-2.1M74.1%207.1L75.0%208.1M2.1%20-75.0L19.7%20-57.4M32.7%20-44.4L69.9%20-7.1M7.1%2069.9L44.4%2032.7M57.4%2019.7L75.0%202.1M-8.1%2075.0L-7.1%2074.1M2.1%2064.9L44.4%2022.5M57.4%209.5L75.0%20-8.1M-69.9%207.1L-32.7%2044.4M-19.7%2057.4L-2.1%2075.0M-75.0%20-8.1L-74.1%20-7.1M-64.9%202.1L-22.5%2044.4M-9.5%2057.4L8.1%2075.0%22/%3E%3C/g%3E%3Cpath%20d=%22M11.9%2011.9L11.9%204.9L16.8%20-0.0L11.9%20-4.9L11.9%20-11.9L4.9%20-11.9L-0.0%20-16.8L-4.9%20-11.9L-11.9%20-11.9L-11.9%20-4.9L-16.8%200.0L-11.9%204.9L-11.9%2011.9L-4.9%2011.9L0.0%2016.8L4.9%2011.9Z%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%221.15%22%20stroke-linejoin=%22round%22/%3E%3Ccircle%20r=%222.1%22%20fill=%22black%22/%3E%3Ccircle%20cx=%22-72%22%20cy=%22-72%22%20r=%222.3%22%20fill=%22black%22/%3E%3Ccircle%20cx=%22-72%22%20cy=%2272%22%20r=%222.3%22%20fill=%22black%22/%3E%3Ccircle%20cx=%2272%22%20cy=%22-72%22%20r=%222.3%22%20fill=%22black%22/%3E%3Ccircle%20cx=%2272%22%20cy=%2272%22%20r=%222.3%22%20fill=%22black%22/%3E%3C/svg%3E")}
.bg.bgw{--cw:1240px}
@supports ((-webkit-mask:url(x)) or (mask:url(x))){
.bg::before,.bg::after{content:"";position:absolute;inset:0}
.bg::before{background:var(--pat);opacity:var(--pato);-webkit-mask:var(--m) 50% 0/var(--t) var(--t) repeat;mask:var(--m) 50% 0/var(--t) var(--t) repeat}
.bg::after{background:linear-gradient(90deg,transparent calc(50% - var(--cw) / 2 - 320px),var(--veil) calc(50% - var(--cw) / 2 + 30px),var(--veil) calc(50% + var(--cw) / 2 - 30px),transparent calc(50% + var(--cw) / 2 + 320px))}
}
@media(max-width:1100px){:root{--veil:rgba(243,249,254,.5)}[data-theme=dark]{--veil:rgba(6,20,42,.56)}.bg{--t:128px}}
@media(max-width:700px){.bg{--t:112px}}
@media(forced-colors:active){.bg{display:none}}

.lh.sis{margin-top:16px}
.lh.sis .ey{margin:0 0 6px}
.sepnote{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;color:var(--mut);font-size:14px;font-weight:600;text-align:center}
.sepnote svg{flex:none;color:var(--blue)}