/* Unblocked Movies - optional PageBoss Theme Switcher skin. */
:root {
    --bg-primary: #0c0d15;
    --bg-secondary: #11131f;
    --bg-card: #171a29;
    --bg-elevated: #202438;
    --bg-input: #171a29;
    --text-primary: #eeeef7;
    --text-secondary: #b8bbce;
    --text-muted: #a1a6bf;
    --text-heading: #fafaff;
    --accent: #b29aff;
    --accent-hover: #a18be8;
    --accent-light: rgba(178, 154, 255, 0.11);
    --accent-glow: rgba(178, 154, 255, 0.25);
    --button-bg: #7047c7;
    --button-hover: #603ab0;
    --button-text: #ffffff;
    --success: #69d6a2;
    --warning: #f2c979;
    --danger: #ff939f;
    --info: #91bfff;
    --border: #30344d;
    --border-light: #262a40;
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.24);
    --shadow-lg: 0 16px 44px rgba(0, 0, 0, 0.32);
    --shadow-glow: 0 0 22px var(--accent-glow);
}
.site-header {
    background: rgba(12, 13, 21, 0.97);
    border-block-end: 1px solid var(--border-light);
}
.site-title-text { color: var(--text-heading); font-weight: 750; }
.site-nav-desktop a { font-weight: 500; }
.site-nav-desktop a:hover,
.site-nav-desktop .current-menu-item a,
.site-nav-desktop .current_page_item a,
.site-nav-mobile a:hover { color: var(--accent); background: var(--accent-light); }
.hero { padding-block: 64px 48px; background: radial-gradient(ellipse at 50% 0%, var(--accent-light), transparent 70%); }
.hero h1 { max-inline-size: 900px; margin-inline: auto; }
.hero .lead { max-inline-size: 730px; margin-inline: auto; }
.section { padding-block: 56px; }
.section h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
.card { display: flex; flex-direction: column; border-radius: 14px; box-shadow: var(--shadow-sm); }
.card .btn { margin-block-start: auto; align-self: flex-start; }
.card p { flex-grow: 1; }
.card:hover { transform: translateY(-2px); border-color: var(--accent-glow); }
.btn-primary { background: var(--button-bg); border-color: var(--button-bg); color: var(--button-text); }
.btn-primary:hover { background: var(--button-hover); border-color: var(--button-hover); color: var(--button-text); }
.btn-outline { color: var(--accent); border-color: var(--border); }
.btn-outline:hover { color: var(--button-text); background: var(--button-bg); border-color: var(--button-bg); }
.btn-secondary { color: var(--text-primary); background: var(--bg-elevated); border-color: var(--border); }
.btn-secondary:hover { color: var(--accent); background: var(--accent-light); border-color: var(--accent-glow); }
.text-gradient { background: none; color: var(--accent); -webkit-text-fill-color: var(--accent); }
.link-underline { color: var(--accent); text-decoration: underline; text-underline-offset: 0.2em; }
.link-underline::after { display: none; }
.link-underline:hover { color: var(--text-heading); }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; border-radius: 4px; }
table { background: var(--bg-card); border: 1px solid var(--border); }
caption { text-align: start; font-weight: 600; color: var(--text-heading); margin-block-end: 12px; }
table th, table td { text-align: start; }
table th { text-transform: none; letter-spacing: normal; }
table th[scope="row"] { font-size: 1rem; }
.fade-in { opacity: 1; transform: none; }
figure { margin-inline: 0; }
figcaption { margin-block-start: 10px; }
.site-footer { margin-block-start: 0; }
.footer-links a { color: var(--text-secondary); }
@media (max-width: 768px) {
    .hero { padding-block: 36px 28px; }
    .section { padding-block: 32px; }
    .card .btn { inline-size: 100%; }
    .site-logo { font-size: 1.05rem; }
    table th, table td { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .card:hover, .btn:hover { transform: none; }
}