@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-display:swap;src:url('../landing/fonts/plex-400ar.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-display:swap;src:url('../landing/fonts/plex-400la.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:500;font-display:swap;src:url('../landing/fonts/plex-500ar.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:500;font-display:swap;src:url('../landing/fonts/plex-500la.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:600;font-display:swap;src:url('../landing/fonts/plex-600ar.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:600;font-display:swap;src:url('../landing/fonts/plex-600la.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:700;font-display:swap;src:url('../landing/fonts/plex-700ar.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:700;font-display:swap;src:url('../landing/fonts/plex-700la.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* layout: split screen; form column on the reading side, live-feed brand panel opposite; same tokens as the landing page */
:root{
  --bg:#FFFFFF; --fg:#111827; --ink:#0A0A0A; --muted:#4B5563; --faint:#6B7280; --line:#E6E6EA; --card:#FAFAFA;
  --accent:#6F48FF; --violet:#8A2BE2; --tint:#F4EEFF; --ok:#10B981; --err:#B42318; --errbg:#FDECEC;
  --btn:#000000; --btnfg:#FFFFFF; --field:#FFFFFF; --panel:#F6F2FF;
  --font:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0A0A0B; --fg:#F3F4F6; --ink:#FFFFFF; --muted:#B4B8C0; --faint:#8E929B; --line:#26272C; --card:#121215;
  --accent:#9B7BFF; --violet:#A86BFF; --tint:#1C1530; --ok:#34D399; --err:#FF8A8A; --errbg:#3A1717;
  --btn:#FFFFFF; --btnfg:#000000; --field:#121215; --panel:#110E1C; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#0A0A0B; --fg:#F3F4F6; --ink:#FFFFFF; --muted:#B4B8C0; --faint:#8E929B; --line:#26272C; --card:#121215;
  --accent:#9B7BFF; --violet:#A86BFF; --tint:#1C1530; --ok:#34D399; --err:#FF8A8A; --errbg:#3A1717;
  --btn:#FFFFFF; --btnfg:#000000; --field:#121215; --panel:#110E1C; color-scheme:dark }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.ic{width:20px;height:20px;flex:none}
.mk{width:30px;height:30px;flex:none}

.shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}

/* form side */
.side{display:flex;flex-direction:column;padding-block:24px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:var(--ink)}
.tools{display:flex;align-items:center;gap:8px}
.back{font-size:14px;color:var(--faint);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px}
.back:hover{color:var(--ink)}
.back .ic{width:16px;height:16px}
.theme{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.theme .ic{width:18px;height:18px}
.theme .moon{display:none}
:root[data-theme="dark"] .theme .sun{display:none}:root[data-theme="dark"] .theme .moon{display:block}

.wrapf{flex:1;display:grid;place-items:center;padding-block:40px}
.form{width:100%;max-width:400px;display:grid;gap:22px}
.head{display:grid;gap:6px}
.head h1{margin:0;font-size:32px;line-height:1.35;font-weight:700;color:var(--ink)}
.head p{margin:0;color:var(--muted)}
.fld{display:grid;gap:7px}
.fld label{font-size:14.5px;font-weight:600;color:var(--ink)}
.inp{position:relative;display:flex;align-items:center}
.inp>.ic{position:absolute;inset-inline-start:14px;color:var(--faint);pointer-events:none}
.inp input{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:12px;padding:12px 44px 12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}
.inp input[type=email],.inp input#pw{direction:ltr;text-align:right}
.inp input#pw{padding-left:46px}
.inp input::placeholder{color:var(--faint);opacity:.8}
.inp input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--tint);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.fld.bad input{border-color:var(--err);box-shadow:0 0 0 4px var(--errbg);box-shadow:0 0 0 4px color-mix(in srgb,var(--err) 12%,transparent)}
.eye{position:absolute;inset-inline-end:6px;width:34px;height:34px;border:0;background:transparent;color:var(--faint);border-radius:8px;display:grid;place-items:center;cursor:pointer}
.eye:hover{color:var(--ink)}
.eye .off{display:none}.eye[aria-pressed="true"] .on{display:none}.eye[aria-pressed="true"] .off{display:block}
.msg{display:none;align-items:center;gap:6px;font-size:13.5px;color:var(--err)}
.msg .ic{width:16px;height:16px}
.fld.bad .msg{display:flex}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14.5px}
.chk{display:inline-flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer}
.chk input{width:17px;height:17px;accent-color:var(--accent);margin:0}
.lnk{color:var(--accent);font-weight:600}
.lnk:hover{text-decoration:underline;text-underline-offset:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:16px;border-radius:999px;padding:13px 22px;transition:transform .15s,opacity .15s}
.btn .ic{width:18px;height:18px}
.blk{background:var(--btn);color:var(--btnfg);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.12)}
.btn:hover{transform:translateY(-1px)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.ghost{background:var(--bg);color:var(--ink);border:1px solid var(--line)}
.ghost:hover{border-color:var(--faint);border-color:color-mix(in srgb,var(--ink) 25%,var(--line))}
.or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:13.5px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.alt{text-align:center;color:var(--muted);font-size:15px}
.note{display:none;gap:8px;align-items:flex-start;background:var(--errbg);color:var(--err);border-radius:12px;padding:10px 14px;font-size:14px}
.note.on{display:flex}
.note .ic{width:18px;height:18px;margin-top:3px}
.foot{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;color:var(--faint);font-size:13.5px}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}
.foot a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* brand panel */
.panel{position:relative;overflow:hidden;background:var(--panel);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:26px;padding:56px clamp(28px,5vw,72px)}
.panel::before{content:"";position:absolute;inset:-20% -30% auto auto;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,var(--tint),transparent);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 22%,transparent),transparent);pointer-events:none}
.panel>*{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--accent)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:blink 1.6s ease-in-out infinite}
.panel h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.35;font-weight:700;color:var(--ink);max-width:16ch}
.panel h2 span{display:block;color:var(--faint)}
.term{background:#0B0B0F;border:1px solid #1F1F27;border-radius:16px;overflow:hidden;color:#E5E7EB;box-shadow:0 30px 60px -30px rgba(40,20,100,.45);max-width:560px}
.tbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1F1F27;font-size:12.5px;color:#8B8B97}
.tbar i{width:8px;height:8px;border-radius:50%;background:#2A2A33}
.tbar .live{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;color:#4ADE80}
.tbar .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ADE80;animation:blink 1.6s ease-in-out infinite}
.fwin{height:244px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.feed{display:grid;animation:feed 26s linear infinite}
.fr{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #17171E;font-size:13.5px}
.fr .pg{width:24px;height:24px;border-radius:7px;background:#fff;display:grid;place-items:center}
.fr .pg.snap{background:#FFFC00}
.fr .pg .lg{width:14px;height:14px}
.fr .pg .lg[fill="var(--ink)"]{fill:#000}
.fr .tx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#D4D4DC}
.fr b{font-size:11.5px;font-weight:600;border-radius:999px;padding:1px 9px}
.b-pos{background:#0F2A21;color:#4ADE80}.b-neg{background:#3A1717;color:#FF8A8A}.b-cmp{background:#3A2614;color:#FDBA74}.b-q{background:#16233F;color:#93B4FF}
.kp{display:flex;gap:10px;flex-wrap:wrap}
.kp span{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:13.5px;color:var(--muted)}
.kp b{color:var(--ink);font-variant-numeric:tabular-nums}
@keyframes feed{to{transform:translateY(-50%)}}
@keyframes blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.feed,.eyebrow::before,.tbar .live::before{animation:none}.btn{transition:none}}


/* motion */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes slidein{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,50px) scale(1.12)}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
@keyframes shake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes sheen{from{transform:translateX(120%)}to{transform:translateX(-120%)}}
.form>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.form>*:nth-child(1){animation-delay:.05s}.form>*:nth-child(2){animation-delay:.1s}.form>*:nth-child(3){animation-delay:.15s}.form>*:nth-child(4){animation-delay:.22s}.form>*:nth-child(5){animation-delay:.29s}.form>*:nth-child(6){animation-delay:.36s}.form>*:nth-child(7){animation-delay:.42s}.form>*:nth-child(8){animation-delay:.48s}.form>*:nth-child(9){animation-delay:.54s}
.top{animation:rise .5s ease both}
.panel>.eyebrow{animation:rise .6s .15s both}.panel>h2{animation:rise .7s .25s both}.panel>.stage{animation:slidein .9s .35s cubic-bezier(.2,.7,.2,1) both}.panel>.kp{animation:rise .6s .6s both}
.panel::before{animation:drift 16s ease-in-out infinite}
.stage{position:relative;max-width:560px}
.chipf{position:absolute;width:46px;height:46px;border-radius:13px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 14px 30px -14px rgba(40,20,100,.35);animation:bob 5s ease-in-out infinite;z-index:2}
.chipf.snap{background:#FFFC00;border-color:#F0EC00}
.chipf .lg{width:22px;height:22px}
.chipf .lg[fill="var(--ink)"]{fill:#000}
.c1{top:-22px;inset-inline-start:-18px;--r:-8deg}.c2{top:44%;inset-inline-end:-40px;--r:7deg;animation-delay:-1.4s}.c3{bottom:-30px;inset-inline-start:30%;--r:5deg;animation-delay:-2.6s}.c4{top:-18px;inset-inline-end:16%;--r:-4deg;animation-delay:-3.6s}
.fr.new{animation:none}
.fr:nth-child(3n+2){position:relative}
.fr:nth-child(3n+2)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(155,123,255,.18),transparent);animation:sheen 3.6s ease-in-out infinite;pointer-events:none}
.kp b.tick{display:inline-block;animation:pop .4s ease}
.inp>.ic{transition:color .2s,transform .2s}
.inp:focus-within>.ic{color:var(--accent);transform:scale(1.08)}
.fld.shake .inp{animation:shake .4s ease}
.btn .ic{transition:transform .2s}
.blk:hover .ic{transform:translateX(-4px)}
.blk{position:relative;overflow:hidden}
.blk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(120%)}
.blk:hover::after{animation:sheen .9s ease}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite;display:none}
.btn[disabled] .spin{display:inline-block}.btn[disabled] .ic{display:none}
.theme .ic{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.theme:hover .ic{transform:rotate(40deg)}
.note.on{animation:rise .35s ease both}
.msg{animation:rise .25s ease both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media (max-width:960px){
  .shell{grid-template-columns:1fr}
  .panel{display:none}
  .wrapf{padding-block:28px 40px;align-items:start}
}
@media (max-width:420px){
  .back span{display:none}
  .head h1{font-size:28px}
}

/* المنصة: إضافات على التصميم */
.defs{position:absolute}
/* زر المظهر المشترك (تلقائي حسب الجهاز، فاتح، داكن) بشكل زر التصميم */
.theme-btn{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.theme-btn svg{width:18px;height:18px;display:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.theme-btn:hover svg{transform:rotate(40deg)}
:root:not([data-theme-pref]) .theme-btn .t-auto,:root[data-theme-pref="auto"] .theme-btn .t-auto,
:root[data-theme-pref="light"] .theme-btn .t-light,:root[data-theme-pref="dark"] .theme-btn .t-dark{display:block}
/* رسالة نجاح بجانب رسالة الخطأ */
.note.ok{background:var(--tint);color:var(--ink)}
.note.ok .ic{color:var(--ok)}
/* حقل رمز الدخول */
.inp input.code{letter-spacing:.5em;font-size:22px;font-weight:600;text-align:center;direction:ltr}
.head .em{direction:ltr;unicode-bidi:isolate;font-weight:600;color:var(--ink)}
.links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}

/* صفحة «التسجيل غير متاح حالياً» */
.stat{position:relative;justify-self:start;width:64px;height:64px;border-radius:20px;background:var(--tint);color:var(--accent);display:grid;place-items:center;animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.stat .ic{width:30px;height:30px;animation:tilt 3.2s ease-in-out infinite;transform-origin:50% 50%}
.stat::after{content:"";position:absolute;inset:-1px;border-radius:20px;border:1.5px solid var(--accent);opacity:.5;animation:ringr 2.6s ease-out infinite}
@keyframes tilt{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(180deg)}}
@keyframes ringr{from{transform:scale(1);opacity:.5}to{transform:scale(1.45);opacity:0}}
.soon{justify-self:start;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--accent);background:var(--tint);border-radius:999px;padding:2px 12px}
.soon::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.6s ease-in-out infinite}
.head a.em{color:var(--accent);word-break:break-all}
@media (prefers-reduced-motion:reduce){.stat .ic,.stat::after,.soon::before{animation:none}}