:root{--mokeb-bg:#0b0b0b;--mokeb-bg-soft:#141414;--mokeb-surface:#ffffff14;--mokeb-surface-2:#ffffff0d;--mokeb-border:#ffffff1f;--mokeb-text:#f5f5f5;--mokeb-text-muted:#b6b6b6;--mokeb-primary:#d62828;--mokeb-secondary:#fcbf49;--mokeb-accent:#2a9d8f;--mokeb-success:#2ecc71;--mokeb-black:#111;--mokeb-white:#fff;--mokeb-radius-sm:10px;--mokeb-radius-md:14px;--mokeb-radius-lg:18px;--mokeb-radius-xl:22px;--mokeb-radius-xxl:30px;--mokeb-shadow-sm:0 6px 18px #00000026;--mokeb-shadow-md:0 10px 25px #0000002e;--mokeb-shadow-lg:0 18px 40px #00000040;--mokeb-shadow-xl:0 24px 60px #0000004d;--mokeb-transition:all .3s ease}[data-theme=light]{--mokeb-bg:#f7f7f7;--mokeb-bg-soft:#fff;--mokeb-surface:#ffffffdb;--mokeb-surface-2:#ffffffa6;--mokeb-border:#00000014;--mokeb-text:#111;--mokeb-text-muted:#5f5f5f;--mokeb-black:#fff;--mokeb-white:#111}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top right,#d628282e,transparent 22%),radial-gradient(circle at bottom left,#2a9d8f29,transparent 24%),linear-gradient(135deg,var(--mokeb-bg),#050505);color:var(--mokeb-text);min-height:100vh;transition:var(--mokeb-transition);font-family:Vazirmatn,sans-serif;line-height:1.8}[data-theme=light] body,body[data-theme=light]{background:radial-gradient(circle at 100% 0,#d628281a,#0000 22%),radial-gradient(circle at 0 100%,#2a9d8f17,#0000 24%),linear-gradient(135deg,#f7f7f7,#ececec)}a{color:inherit;transition:var(--mokeb-transition);text-decoration:none}a:hover{color:var(--mokeb-secondary)}img{max-width:100%;display:block}.site-shell{padding:20px 0 30px}.site-frame{border:1px solid var(--mokeb-border);border-radius:var(--mokeb-radius-xxl);backdrop-filter:blur(14px);box-shadow:var(--mokeb-shadow-xl);background:linear-gradient(#ffffff08,#ffffff03),#0a0a0ab8;padding:18px;position:relative;overflow:visible}[data-theme=light] .site-frame{background:linear-gradient(#fffc,#ffffffb3),#ffffffd9}.site-header{z-index:1100;margin-bottom:24px;position:sticky;top:10px;overflow:visible}.header-inner{border:1px solid var(--mokeb-border);border-radius:var(--mokeb-radius-xl);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0a,#ffffff03),#111111d6;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex;position:relative;overflow:visible;box-shadow:0 12px 35px #00000038}[data-theme=light] .header-inner{background:linear-gradient(#ffffffeb,#ffffffd6),#ffffffe6}.brand-wrap{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-logo{object-fit:cover;border:1px solid var(--mokeb-border);width:48px;height:48px;box-shadow:var(--mokeb-shadow-sm);border-radius:14px}.brand-fallback{color:#fff;background:linear-gradient(135deg,var(--mokeb-primary),var(--mokeb-secondary));width:48px;height:48px;box-shadow:var(--mokeb-shadow-sm);border-radius:14px;place-items:center;font-weight:800;display:grid}.brand-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.brand-name{color:var(--mokeb-text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.brand-tagline{color:var(--mokeb-text-muted);font-size:.82rem}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{color:var(--mokeb-text);border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:500;display:inline-flex}.main-nav a:hover,.main-nav a.active{color:var(--mokeb-secondary);background:#d6282824}.header-actions{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--mokeb-border);background:var(--mokeb-surface);width:44px;height:44px;color:var(--mokeb-text);cursor:pointer;transition:var(--mokeb-transition);border-radius:14px;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--mokeb-secondary);border-color:#d6282859;transform:translateY(-1px)}.nav-toggle{display:none}.site-main{padding:10px 0 0}.section-card{border:1px solid var(--mokeb-border);border-radius:var(--mokeb-radius-xl);background:var(--mokeb-surface-2);backdrop-filter:blur(12px);box-shadow:var(--mokeb-shadow-md);margin-bottom:20px;padding:20px}.section-title{color:var(--mokeb-text);margin-bottom:14px;font-size:1.2rem;font-weight:800}.section-subtitle{color:var(--mokeb-text-muted);margin-bottom:18px}.btn-mokeb-primary{background:linear-gradient(135deg,var(--mokeb-primary),#b71c1c);color:#fff;box-shadow:var(--mokeb-shadow-sm);transition:var(--mokeb-transition);border:none;border-radius:14px;padding:10px 18px}.btn-mokeb-primary:hover{color:#fff;box-shadow:var(--mokeb-shadow-md);transform:translateY(-2px)}.btn-mokeb-secondary{background:linear-gradient(135deg,var(--mokeb-secondary),#f4a261);color:#111;box-shadow:var(--mokeb-shadow-sm);transition:var(--mokeb-transition);border:none;border-radius:14px;padding:10px 18px}.btn-mokeb-secondary:hover{color:#111;box-shadow:var(--mokeb-shadow-md);transform:translateY(-2px)}.media-card{border:1px solid var(--mokeb-border);border-radius:var(--mokeb-radius-xl);background:var(--mokeb-surface-2);box-shadow:var(--mokeb-shadow-md);transition:var(--mokeb-transition);overflow:hidden}.media-card:hover{box-shadow:var(--mokeb-shadow-lg);transform:translateY(-4px)}.media-thumb{position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:220px}.media-play,.live-play{background:linear-gradient(135deg,var(--mokeb-primary),var(--mokeb-secondary));color:#fff;width:48px;height:48px;box-shadow:var(--mokeb-shadow-md);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset:auto 16px 16px auto}.media-body{padding:16px}.media-title{margin-bottom:8px;font-size:1rem;font-weight:700}.media-meta{color:var(--mokeb-text-muted);font-size:.92rem}.site-footer{border-top:1px solid var(--mokeb-border);margin-top:28px;padding-top:24px}.footer-card{border:1px solid var(--mokeb-border);border-radius:var(--mokeb-radius-xl);backdrop-filter:blur(12px);box-shadow:var(--mokeb-shadow-md);background:linear-gradient(#ffffff08,#ffffff03),#111111bd;padding:24px 20px 12px}[data-theme=light] .footer-card{background:linear-gradient(#ffffffeb,#ffffffd1),#ffffffe6}.footer-title{margin-bottom:14px;font-size:1rem;font-weight:800}.footer-text,.footer-link,.footer-contact{color:var(--mokeb-text-muted);font-size:.95rem}.footer-link{margin-bottom:10px;display:block}.footer-link:hover{color:var(--mokeb-secondary)}.footer-socials{flex-wrap:wrap;gap:10px;display:flex}.footer-socials a{border:1px solid var(--mokeb-border);background:var(--mokeb-surface);width:42px;height:42px;color:var(--mokeb-text);border-radius:12px;place-items:center;display:grid}.footer-socials a:hover{color:var(--mokeb-secondary);border-color:#d6282859}.footer-bottom{border-top:1px solid var(--mokeb-border);color:var(--mokeb-text-muted);margin-top:18px;padding-top:14px;font-size:.92rem}.form-control,.form-select{border:1px solid var(--mokeb-border);color:var(--mokeb-text);background:#ffffff0a;border-radius:14px;padding:12px 14px}.form-control:focus,.form-select:focus{color:var(--mokeb-text);background:#ffffff0f;border-color:#d6282873;box-shadow:0 0 0 .2rem #d6282826}[data-theme=light] .form-control,[data-theme=light] .form-select{background:#fffc}.text-muted-mokeb{color:var(--mokeb-text-muted)!important}.bg-glass{background:var(--mokeb-surface);border:1px solid var(--mokeb-border);backdrop-filter:blur(12px);border-radius:var(--mokeb-radius-xl)}.shadow-mokeb{box-shadow:var(--mokeb-shadow-md)}@media (width<=991.98px){.nav-toggle{display:inline-grid}.header-inner{flex-wrap:wrap;align-items:center}.main-nav{border:1px solid var(--mokeb-border);z-index:1200;opacity:0;visibility:hidden;pointer-events:none;transition:var(--mokeb-transition);background:#0e0e0ef5;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-10px)}[data-theme=light] .main-nav{background:#fffffff5}.main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.main-nav a{text-align:right;border-radius:12px;width:100%;padding:12px 14px;display:block}.header-actions{margin-right:auto}}@media (width>=992px){.main-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:0 0!important;border:0!important;padding:0!important;position:static!important;transform:none!important}}@media (width<=767.98px){.site-frame{border-radius:22px;padding:12px}.header-inner{padding:10px 12px}.brand-logo,.brand-fallback{width:42px;height:42px}.brand-name{font-size:.95rem}.brand-tagline{font-size:.75rem}.section-card,.footer-card{padding:16px}.media-thumb img{height:190px}}