.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d12d9;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.navbar__content{align-items:center;display:flex;gap:16px;height:72px;justify-content:space-between}.navbar__brand{align-items:center;display:flex;flex-shrink:0;min-width:0}.brand__logo-wrap{align-items:center;display:flex;flex:0 0 auto;height:42px;justify-content:center;padding-bottom:6px;position:relative;width:118px}.brand__logo-wrap:after{background:linear-gradient(90deg,#0000,#4f8cff8c,#8bb4ffd9,#4f8cff8c,#0000);border-radius:2px;bottom:0;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease;width:72%}.navbar__brand:focus-visible .brand__logo-wrap:after,.navbar__brand:hover .brand__logo-wrap:after{opacity:1;transform:translateX(-50%) scaleX(1)}.navbar__brand:focus-visible{outline:none}.navbar__brand:focus-visible .brand__logo{border-radius:4px;outline:2px solid #4f8cff73;outline-offset:4px}.brand__logo{background:#0000;border-radius:0;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));height:100%;max-width:none;object-fit:contain;object-position:center;opacity:.98;transition:opacity .25s ease,filter .25s ease,transform .22s ease;width:100%}.navbar__brand:hover .brand__logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));opacity:1;transform:translateY(-1px)}.navbar__brand:active .brand__logo{opacity:.92;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.brand__logo,.brand__logo-wrap:after,.navbar__brand:active .brand__logo,.navbar__brand:hover .brand__logo{transform:none;transition:none}.navbar__brand:focus-visible .brand__logo-wrap:after,.navbar__brand:hover .brand__logo-wrap:after{opacity:1;transform:translateX(-50%) scaleX(1)}}.navbar__links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.navbar__link{border-radius:999px;color:var(--muted);padding:8px 14px;transition:all .2s ease}.navbar__link.active{background:#4f8cff26;color:var(--text)}.navbar__link--soon{cursor:default;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.navbar__actions{align-items:center;display:flex;gap:12px}.navbar__user-wrap{position:relative}.navbar__user-trigger{align-items:center;background:linear-gradient(145deg,#1c2234f2,#121623fa);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px #0003;color:var(--text);cursor:pointer;direction:rtl;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:12px;min-width:200px;padding:8px 12px 8px 16px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.navbar__user-trigger:hover{background:linear-gradient(145deg,#232a3efa,#161b2afa);border-color:#4f8cff59;box-shadow:0 4px 12px #00000040}.navbar__user-trigger[aria-expanded=true]{border-color:#4f8cff8c;box-shadow:0 0 0 1px #4f8cff40,0 4px 12px #00000040}.navbar__avatar{border:2px solid #4f8cff73;border-radius:10px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.navbar__user-name{flex:1 1;max-width:160px;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.navbar__trigger-icon{align-items:center;color:var(--muted);display:flex;flex-shrink:0;justify-content:center;transition:transform .2s ease,color .2s ease}.navbar__user-trigger:hover .navbar__trigger-icon{color:var(--accent)}.navbar__trigger-icon.is-open{color:var(--accent);transform:rotate(180deg)}.navbar__dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0006;inset-inline-end:0;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:30}.navbar__dropdown-item{background:none;border:none;border-radius:10px;color:var(--text);cursor:pointer;direction:rtl;display:block;font-family:inherit;font-size:.95rem;font-weight:500;padding:10px 14px;text-align:right;text-decoration:none;transition:background .2s ease;width:100%}.navbar__dropdown-item:hover{background:#4f8cff1f}.navbar__dropdown-item--danger:hover{background:#ef444426;color:#fca5a5}@media (max-width:860px){.navbar__content{flex-wrap:wrap;height:auto;padding:12px 0}.navbar__links{justify-content:center;width:100%}}:root{--bg:#0b0d12;--bg-elevated:#121826;--card:#151b2a;--border:#22283a;--text:#e6edf7;--muted:#9aa4b2;--accent:#4f8cff;--accent-strong:#3b82f6;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow:0 18px 40px #00000059}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}body{background:#0b0d12;background:var(--bg);color:#e6edf7;color:var(--text);direction:rtl;font-family:Tajawal,Cairo,Segoe UI,sans-serif;font-size:21px;margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1}.container{margin:0 auto;max-width:1100px;padding-inline:clamp(16px,4vw,32px);width:100%}.section{padding:64px 0}.card{background:#151b2a;background:var(--card);border:1px solid #22283a;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 40px #00000059;box-shadow:var(--shadow);padding:24px}.btn{background:#4f8cff;background:var(--accent);border:none;border-radius:999px;color:#0b0d12;cursor:pointer;font-weight:600;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 10px 20px #4f8cff40;transform:translateY(-1px)}.btn--ghost{background:#0000;border:1px solid #22283a;border:1px solid var(--border);color:#e6edf7;color:var(--text)}.tag{background:#4f8cff26;border-radius:999px;color:#4f8cff;color:var(--accent);display:inline-flex;font-size:.85rem;margin-bottom:16px;padding:6px 14px}.alert{background:#ef44441f;border:1px solid #ef444466;border-radius:12px;color:#fecaca;margin:16px 0;padding:12px 16px}.status-pill{border:1px solid #0000;border-radius:999px;font-size:.8rem;padding:4px 10px}.status-pill--live{background:#22c55e26;border-color:#22c55e66;color:#bbf7d0}.status-pill--upcoming{background:#4f8cff26;border-color:#4f8cff66;color:#bfdbfe}.status-pill--past{background:#94a3b826;border-color:#94a3b84d;color:#cbd5f5}.loading{animation:spin 1s linear infinite;border:3px solid #4f8cff33;border-radius:50%;border-top:3px solid var(--accent);display:inline-block;height:36px;width:36px}.loading--sm{border-width:2px;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.footer{background:#0b0d12e6;border-top:1px solid #22283a;border-top:1px solid var(--border);padding:24px 0}.footer__content{align-items:center;color:#9aa4b2;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer__content strong{color:#e6edf7;color:var(--text);display:block}.footer__meta{display:flex;font-size:.85rem;gap:16px}.login{display:flex;justify-content:center}.login__card{max-width:420px;text-align:center;width:100%}.login__user{grid-gap:12px;display:grid;gap:12px;justify-items:center;margin:24px 0 8px}.login__avatar{border:2px solid #4f8cff80;border-radius:50%;height:72px;width:72px}@media (max-width:768px){.section{padding:48px 0}}