:root{
--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#687083;
--p1:#7c3aed;--p2:#db2777;--accent:#ff7a00;--line:#e8eaf0;
--shadow:0 14px 35px rgba(33,25,66,.10)
}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Bengali",sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:linear-gradient(135deg,var(--p1),var(--p2));box-shadow:0 8px 24px rgba(75,20,120,.22)}
.nav-wrap{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--p1)}
.main-nav{margin-left:auto;display:flex;gap:8px}.main-nav a{color:#fff;padding:10px 12px;border-radius:10px;font-weight:650}.main-nav a:hover{background:rgba(255,255,255,.16)}
.menu-btn{display:none;margin-left:auto;border:0;background:#fff;color:var(--p1);border-radius:10px;padding:8px 12px;font-size:20px}
.hero{padding:66px 0;background:
radial-gradient(circle at 15% 20%,rgba(255,255,255,.24),transparent 27%),
linear-gradient(135deg,var(--p1),var(--p2));color:#fff}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:0 0 18px}.hero p{font-size:18px;max-width:720px;opacity:.92}
.search-bar{display:flex;background:#fff;padding:8px;border-radius:18px;margin-top:28px;max-width:720px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.search-bar input,.search-bar select{border:0;outline:0;padding:14px;width:100%;font-size:16px;background:transparent}.search-bar button,.btn{border:0;cursor:pointer;border-radius:12px;padding:12px 18px;font-weight:750;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff}
.hero-panel{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);padding:24px;border-radius:24px;backdrop-filter:blur(10px)}
.hero-panel ul{margin:0;padding-left:22px;line-height:2}
.section{padding:44px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-head h2{font-size:30px;margin:0}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.channel-card,.soft-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transition:.25s}.channel-card:hover{transform:translateY(-5px)}
.channel-cover{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#f5efff,#fff0f7)}.channel-cover img{width:96px;height:96px;object-fit:contain;border-radius:18px;background:#fff;padding:8px}
.channel-body{padding:18px}.channel-body h3{margin:0 0 8px;font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tag{font-size:12px;padding:6px 9px;border-radius:999px;background:#f1ecff;color:var(--p1);font-weight:700}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.secondary{background:#eef0f5;color:#283048}.btn.small{padding:9px 12px;font-size:13px}
.filter-panel{background:#fff;border:1px solid var(--line);padding:18px;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}
.form-control{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px;background:#fff}
.player-wrap{position:relative;padding-top:56.25%;background:#111;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.details-grid{display:grid;grid-template-columns:1fr 330px;gap:24px}.soft-card{padding:24px}.notice{padding:14px;border-radius:14px;background:#fff7e8;border:1px solid #ffd995;color:#764800}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.data-table th{background:#f7f3ff}
.site-footer{margin-top:50px;background:#18132b;color:#d9d4ea}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px 0}.copyright{text-align:center;padding:16px;border-top:1px solid rgba(255,255,255,.1)}
.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#18132b;color:#fff;padding:24px}.admin-side a{display:block;padding:11px 12px;border-radius:10px;margin:5px 0}.admin-side a:hover{background:rgba(255,255,255,.1)}.admin-main{padding:28px}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px}.alert.success{background:#e9fbf2;color:#176b43}.alert.error{background:#fff0f0;color:#a12424}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.details-grid{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr}.main-nav{display:none;position:absolute;left:16px;right:16px;top:66px;background:#6e2ccf;padding:12px;border-radius:16px;flex-direction:column}.main-nav.open{display:flex}.menu-btn{display:block}.admin-shell{grid-template-columns:1fr}.admin-side{position:static}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.search-bar{flex-direction:column}.hero{padding:44px 0}.footer-grid{grid-template-columns:1fr}.wrap{width:min(100% - 22px,1180px)}}