:root{--bg:#0b0d12;--fg:#f3f4f6;--card:#12151c;--band:#0f1218;--brand:#f0801a;--brand-h:#d96f0f;--soft:#9aa3b2;--text:#c9d0dc;--border:#232836;--chip:#1a1f2b;--green:#17a36a;--danger:#ff6b5e;--amber:#e6b422;--wa:#25d366;--r:20px;--rb:12px}*,:before,:after{box-sizing:border-box;border:0 solid}html{-webkit-font-smoothing:antialiased;line-height:1.6}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100vh;margin:0;font-family:Cairo,system-ui,sans-serif;display:flex}html[dir=ltr] body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{flex:1 0 auto}h1,h2,h3,p,ul,dl{margin:0}ul{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{cursor:pointer;background:0 0}a{color:inherit;text-decoration:none}:where(a,button,input):focus-visible{outline:2px solid var(--brand);outline-offset:3px}.wrap{max-width:1000px;margin-inline:auto;padding-inline:16px}.nav{border-bottom:1px solid #1b2030}.nav .wrap{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.logo{letter-spacing:.5px;font-weight:800}.logo b{color:var(--brand)}.lang{border:1px solid var(--border);border-radius:var(--rb);color:var(--text);padding:6px 14px;font-size:14px;font-weight:700}.lang:hover{border-color:var(--brand);color:var(--fg)}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-block:48px 28px;display:flex}.pill{background:var(--chip);border:1px solid var(--border);color:var(--soft);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}h1{max-width:20ch;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.25}.lead{color:var(--soft);max-width:60ch;font-size:17px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px}.form{text-align:start;flex-direction:column;gap:14px;width:100%;max-width:640px;display:flex}label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700;display:block}input[type=text],input[type=url]{border:1px solid var(--border);border-radius:var(--rb);background:#0b0d12;width:100%;padding:11px 14px}input[dir=ltr]{text-align:left;direction:ltr}.hint{color:var(--soft);font-size:13px}.err{color:var(--danger);font-size:14px;font-weight:700}.btn{background:var(--brand);color:#fff;border-radius:var(--rb);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:800;transition:background .15s;display:inline-flex}.btn:hover{background:var(--brand-h)}.btn[disabled]{opacity:.6;cursor:progress}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn.ghost:hover{border-color:var(--brand);color:var(--fg)}.btn.wa{background:var(--wa);color:#06280f}.btn.wa:hover{background:#1fb858}.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;width:100%;max-width:880px;margin-top:8px;display:grid}.step{background:var(--card);border:1px solid var(--border);border-radius:var(--r);text-align:start;padding:18px}.step i{width:30px;height:30px;color:var(--brand);background:#2a1b0c;border-radius:50%;place-items:center;margin-bottom:8px;font-style:normal;font-weight:800;display:inline-grid}.step h3{margin-bottom:4px;font-size:16px}.step p{color:var(--soft);font-size:14px}.band{padding-block:40px}.sectionhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}h2{font-size:26px;font-weight:800}.target{color:var(--soft);overflow-wrap:anywhere;margin-bottom:18px;font-size:15px}.target code{color:var(--text);direction:ltr;unicode-bidi:isolate}.summary{border-inline-start:4px solid var(--danger);flex-direction:column;gap:6px;display:flex}.summary.ok{border-inline-start-color:var(--green)}.summary.neutral{border-inline-start-color:var(--soft)}.summary.warn{border-inline-start-color:var(--amber)}.summary h3{font-size:20px}.summary p{color:var(--text)}h3.sub{margin:28px 0 12px;font-size:18px;font-weight:800}.stack{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.chip b{font-weight:800}.chip .ver{color:var(--soft);direction:ltr;unicode-bidi:isolate;font-size:14px;font-weight:600}.chip .conf{color:var(--soft);font-size:12px}.chip a.src{color:var(--brand);font-size:12px;font-weight:700}.badge{white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800}.badge.eol{color:var(--danger);background:#3a1713}.badge.supported{color:var(--green);background:#0f2a1f}.badge.maintenance{color:var(--amber);background:#33290a}.badge.unknown{background:var(--chip);color:var(--soft)}.risks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.risk h3{margin-bottom:6px;font-size:16px}.risk p{color:var(--soft);font-size:14px}.shareCard{margin-top:28px}.shareCard h3{margin-bottom:10px;font-size:18px}.share{flex-wrap:wrap;gap:10px;display:flex}.share input{text-align:left;min-width:220px;color:var(--soft);direction:ltr;flex:1}.popwrap{position:relative}.pop{inset-inline-end:0;background:var(--card);border:1px solid var(--border);border-radius:var(--rb);z-index:20;min-width:160px;padding:6px;position:absolute;top:calc(100% + 6px);box-shadow:0 10px 30px #00000080}.pop[hidden]{display:none}.pop a{border-radius:8px;padding:9px 12px;font-size:14px;font-weight:700;display:block}.pop a:hover{background:var(--chip);color:var(--brand)}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.actions .btn{flex:1;min-width:220px}.legal{color:var(--soft);margin-top:22px;font-size:13px;line-height:1.8}.legal b{color:var(--text)}.again{text-align:center;margin-top:22px}.toast{bottom:20px;background:var(--green);color:#fff;border-radius:var(--rb);opacity:0;pointer-events:none;z-index:50;width:max-content;max-width:90vw;margin-inline:auto;padding:10px 18px;font-weight:700;transition:opacity .2s;position:fixed;inset-inline:0}.toast.show{opacity:1}footer{text-align:center;color:var(--soft);border-top:1px solid #161a24;margin-top:40px;padding-block:28px;font-size:14px}footer .wrap{flex-direction:column;align-items:center;gap:6px;display:flex}footer a:hover{color:var(--fg)}.prose{flex-direction:column;gap:14px;max-width:70ch;padding-block:40px;display:flex}.prose p{color:var(--text)}.draft{color:#f7c58a;background:#2a1b0c;border-radius:8px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (max-width:560px){.hero{padding-block:32px 18px}.card{padding:18px}}
