:root {
  --bg-primary: #f5f9ff; --bg-secondary: #e9f0fa; --bg-navbar: #ffffff; --bg-card: #ffffff; --bg-hover: #eef5ff;
  --accent: #1565d8; --accent-hover: #2f80ed; --text-main: #101522; --text-muted: #607086; --border: #cad6e5;
  --shadow: 0 10px 26px rgba(21,101,216,.13);
}
body { background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 44%, #eef4fb 100%); }
.notice-bar { background: #e7f0ff; color: #14213d; }
.site-header { box-shadow: 0 5px 24px rgba(21,101,216,.11); }
.video-card { box-shadow: var(--shadow); }
.video-card:hover { border-color: rgba(21,101,216,.55); }
.brand-x { background: var(--accent); }
.brand-tube { color: var(--accent); }
.section-title-row h2::before { background: var(--accent); }
:root { --bg: #f5f9ff; --panel: #ffffff; --panel-2: #e9f0fa; --text: #101522; --muted: #607086; --danger: #e21b12; --success: #20a66a; }

/* Home layout: soft content panels */
.home-page .top-line { display: grid; grid-template-columns: auto minmax(240px, 520px) auto; align-items: center; }
.home-page .language-control { order: 3; justify-self: end; }
.home-page .search-form { order: 2; justify-self: center; width: 100%; }
.home-page .brand { order: 1; }
.home-page .category-nav { justify-content: center; padding-top: .5rem; padding-bottom: 1.1rem; }
.home-page .home-sections { gap: 1.5rem; }
.home-page .content-section { background: rgba(255,255,255,.82); border: 1px solid var(--border); border-radius: 18px; padding: 1rem; box-shadow: var(--shadow); }
.home-page .section-title-row { border-bottom: 0; padding-bottom: .25rem; }
.home-page .section-title-row h2::before { height: 1.45rem; border-radius: 999px; }
.home-page .video-card { border-radius: 14px; overflow: hidden; }
.home-page .thumb-box { border-radius: 14px 14px 0 0; }
.home-page .card-body { background: #fff; }