:root{--bg: #0f1419;--surface: #1a222c;--border: #2d3a47;--text: #e8eef4;--muted: #8b9aab;--accent: #5eead4;--accent-dim: #2dd4bf33;--radius: 12px;--font: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}html.lang-en{--font: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);background:radial-gradient(ellipse 120% 80% at 50% -20%,#1e3a35 0%,transparent 55%),var(--bg);color:var(--text);line-height:1.65}#app{max-width:880px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.site-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:2.5rem}.site-header__main{flex:1;min-width:min(100%,28rem)}.lang-switch{display:inline-flex;flex-shrink:0;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}.lang-switch__btn{font:inherit;font-size:.8rem;font-weight:600;padding:.4rem .85rem;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.lang-switch__btn:hover{color:var(--text);background:#ffffff0a}.lang-switch__btn.is-active{color:var(--bg);background:var(--accent)}.lang-switch__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.site-header h1{font-size:clamp(2rem,6vw,2.75rem);font-weight:700;margin:0 0 .75rem;letter-spacing:-.02em}.lede{color:var(--muted);margin:0;max-width:52ch;font-size:1.05rem}.board{display:flex;flex-direction:column;gap:1.25rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:0 4px 24px #00000040}.panel h2{font-size:1.1rem;font-weight:600;margin:0 0 .85rem;color:var(--accent)}.panel p{margin:0;color:var(--muted)}.panel p+p{margin-top:.75rem}code{font-family:var(--mono);font-size:.88em;background:var(--accent-dim);color:var(--accent);padding:.15em .4em;border-radius:6px}.video-shell{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000;margin-bottom:.75rem}.video-shell iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-placeholder{aspect-ratio:16 / 9;border-radius:8px;border:1px dashed var(--border);background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.25rem;margin-bottom:.75rem;text-align:center}.video-placeholder p{margin:0;max-width:36ch;font-size:.95rem}.hint{font-size:.9rem!important}.board-table{width:100%;border-collapse:collapse;font-size:.95rem}.board-table th,.board-table td{text-align:start;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.board-table th{color:var(--text);font-weight:600;background:#5eead40f}.board-table tbody tr:hover td{background:#ffffff05}.site-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:center}.sep{opacity:.5}