:root{--bg1:#fff;--bg2:#f3f4f6;--card:#ffffffb3;--card2:#ffffffe6;--text:#1f2937;--muted:#6b7280;--border:#00000014;--shadow:0 24px 80px #00000014;--accent:#22c55e;--accent2:#3b82f6}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1000px 520px at 10% 10%,#60a5fa2e,transparent 55%),radial-gradient(900px 480px at 85% 20%,#c5a5222e,transparent 55%),radial-gradient(760px 420px at 50% 90%,#a855f724,transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2));color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{justify-content:center;align-items:center;min-height:100%;padding:42px 18px;display:flex}.shell{gap:18px;width:min(980px,100%);display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{border:1px solid var(--border);background:linear-gradient(180deg,var(--card),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.badgeDot{background:var(--accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #22c55e2e}.langSwitcher{gap:10px;display:flex}.langBtn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:10px 12px;transition:transform .12s,background .12s}.langBtn:hover{background:#ffffff1a;transform:translateY(-1px)}.langBtn[aria-current=page]{background:#60a5fa24;border-color:#60a5fa59}.card{border:1px solid var(--border);background:linear-gradient(180deg,var(--card),#ffffff0a);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;overflow:hidden}.cardInner{gap:18px;padding:28px;display:grid}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:22px;display:grid}@media (max-width:860px){.hero{grid-template-columns:1fr}}.logoWrap{align-items:center;gap:14px;display:flex}.logoMark{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.logoMark img{display:block}.title{letter-spacing:-.02em;margin:0;font-size:40px;line-height:1.1}@media (max-width:520px){.title{font-size:32px}}.subtitle{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.timer{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.timeBox{border:1px solid var(--border);text-align:center;background:#ffffff0d;border-radius:18px;padding:14px 12px}.timeNum{letter-spacing:-.02em;font-size:26px;font-weight:800}.timeLbl{color:var(--muted);margin-top:4px;font-size:12px}.ctaRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input{border:1px solid var(--border);color:var(--text);background:#0000002e;border-radius:14px;outline:none;flex:260px;padding:12px 14px}.input::placeholder{color:#e5e7eb8c}.btn{color:var(--text);cursor:pointer;background:linear-gradient(#22c55e38,#22c55e1f);border:1px solid #22c55e59;border-radius:14px;padding:12px 16px;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.footer{color:#a7b0c0e6;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 2px 0;font-size:13px;display:flex}.smallLink{opacity:.9;border-bottom:1px dashed #ffffff40}.smallLink:hover{opacity:1}.rtl{direction:rtl}