/*
 * Cyber Technician Participant UI — Beta 6
 * Shared light interface for public and authenticated participant pages.
 * All rules are scoped to .ct-light-ui so the admin workspace remains isolated.
 */
.ct-light-ui {
    --ct-bg: #f6f7fb;
    --ct-surface: #ffffff;
    --ct-surface-soft: #f9fafb;
    --ct-surface-warm: #fffaf5;
    --ct-text: #172033;
    --ct-heading: #101828;
    --ct-muted: #667085;
    --ct-subtle: #98a2b3;
    --ct-border: #e4e7ec;
    --ct-border-strong: #d0d5dd;
    --ct-primary: #f36f21;
    --ct-primary-dark: #c94f0b;
    --ct-primary-soft: #fff1e8;
    --ct-purple: #6941c6;
    --ct-purple-soft: #f4f3ff;
    --ct-success: #067647;
    --ct-success-soft: #ecfdf3;
    --ct-warning: #b54708;
    --ct-warning-soft: #fffaeb;
    --ct-danger: #b42318;
    --ct-danger-soft: #fef3f2;
    --ct-info: #175cd3;
    --ct-info-soft: #eff8ff;
    --ct-shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);
    --ct-shadow-sm: 0 2px 8px rgba(16, 24, 40, .06);
    --ct-shadow-md: 0 12px 30px rgba(16, 24, 40, .08);
    --ct-shadow-lg: 0 24px 64px rgba(16, 24, 40, .16);
    --ct-radius-sm: 8px;
    --ct-radius: 14px;
    --ct-radius-lg: 20px;
    --ct-container: 1180px;
    /* Compatibility aliases for legacy public templates during phased migration. */
    --base: var(--ct-bg);
    --surface: var(--ct-surface);
    --orange: var(--ct-primary);
    --purple: var(--ct-purple);
    --text: var(--ct-text);
    --sec: var(--ct-muted);
    --text-sec: var(--ct-muted);
    --border: var(--ct-border);
    color-scheme: light;
    min-height: 100vh;
    background: var(--ct-bg);
    color: var(--ct-text);
    font-family: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.ct-light-ui .grain { display: none; }
.ct-light-ui a { color: inherit; }
.ct-light-ui img { max-width: 100%; }
.ct-light-ui :focus-visible { outline: 3px solid rgba(243, 111, 33, .28); outline-offset: 2px; }
.ct-light-ui .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.ct-light-ui .muted { color: var(--ct-muted) !important; }
.ct-light-ui .full { width: 100%; }
.ct-light-ui .ct-container,
.ct-light-ui .wrap,
.ct-light-ui .blk { width: min(100%, var(--ct-container)); margin-inline: auto; padding-inline: 24px; }
.ct-light-ui .blk { padding-top: 56px; padding-bottom: 72px; }
.ct-light-ui .compact { padding-top: 24px !important; }

/* Navigation */
.ct-light-ui .nav {
    position: sticky;
    inset: 0 0 auto;
    z-index: 80;
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(228, 231, 236, .9);
    backdrop-filter: saturate(170%) blur(14px);
    box-shadow: 0 1px 0 rgba(16, 24, 40, .02);
}
.ct-light-ui .nav-inner { height: 68px; gap: 24px; }
.ct-light-ui .logo { color: var(--ct-heading); font-size: 15px; letter-spacing: -.02em; white-space: nowrap; }
.ct-light-ui .yt { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 10px; background: var(--ct-primary); color: #fff; box-shadow: 0 6px 14px rgba(243, 111, 33, .2); }
.ct-light-ui .dot { color: var(--ct-primary); }
.ct-light-ui .nav-links { gap: 6px; }
.ct-light-ui .nav-links a,
.ct-light-ui .linkbtn {
    padding: 9px 11px;
    border-radius: 9px;
    color: #475467;
    font-family: Manrope, sans-serif;
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: none;
    transition: background .18s ease, color .18s ease;
}
.ct-light-ui .nav-links a:hover,
.ct-light-ui .nav-links a[aria-current="page"],
.ct-light-ui .linkbtn:hover { background: #f2f4f7; color: var(--ct-heading); }
.ct-light-ui .nav-actions { gap: 8px; }
.ct-light-ui .nav-actions form { margin: 0; }
.ct-light-ui .nav-actions .cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 9px 13px;
    border: 1px solid var(--ct-border);
    border-radius: 10px;
    background: #fff;
    color: #344054;
    font-family: Manrope, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: var(--ct-shadow-xs);
}
.ct-light-ui .nav-actions .cta:hover { border-color: #f8b38a; background: var(--ct-primary-soft); color: var(--ct-primary-dark); }
.ct-light-ui .nav-actions .cta.cta-primary { border-color: var(--ct-primary); background: var(--ct-primary); color: #fff; }
.ct-light-ui .nav-alert-count { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding-inline: 5px; border-radius: 99px; background: var(--ct-danger); color: #fff; font-size: 10px; }
.ct-light-ui .burger { display: none; width: 40px; height: 40px; border: 1px solid var(--ct-border); border-radius: 10px; background: #fff; color: #344054; cursor: pointer; }
.ct-light-ui .ct-mobile-menu { display: none; }

/* Shared headers */
.ct-light-ui .ct-page-header,
.ct-light-ui .page-hero,
.ct-light-ui .campaign-hero,
.ct-light-ui .dashboard-hero {
    position: relative;
    overflow: hidden;
    padding: 54px 0 40px;
    background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
    border-bottom: 1px solid var(--ct-border);
}
.ct-light-ui .ct-page-header::after,
.ct-light-ui .page-hero::after,
.ct-light-ui .campaign-hero::after,
.ct-light-ui .dashboard-hero::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: -260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(243, 111, 33, .12), rgba(243, 111, 33, 0) 70%);
    pointer-events: none;
}
.ct-light-ui .ct-page-header--compact { padding-block: 36px 28px; }
.ct-light-ui .ct-page-header__inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.ct-light-ui .ct-page-header__copy { max-width: 760px; }
.ct-light-ui .ct-page-header__actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ct-light-ui .ct-eyebrow,
.ct-light-ui .eyebrow,
.ct-light-ui .app-kicker {
    margin: 0 0 10px;
    color: var(--ct-primary-dark);
    font-family: Manrope, sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.ct-light-ui .ct-page-header h1,
.ct-light-ui .page-hero h1,
.ct-light-ui .campaign-hero h1,
.ct-light-ui .dashboard-hero h1 {
    margin: 0;
    color: var(--ct-heading);
    font-size: clamp(34px, 5vw, 54px);
    font-weight: 800;
    line-height: 1.07;
    letter-spacing: -.035em;
    text-transform: none;
}
.ct-light-ui .ct-page-header__description,
.ct-light-ui .page-hero p:not(.eyebrow),
.ct-light-ui .campaign-hero p:not(.eyebrow),
.ct-light-ui .dashboard-hero p:not(.eyebrow) {
    max-width: 720px;
    margin: 14px 0 0;
    color: var(--ct-muted);
    font-size: 16px;
    line-height: 1.65;
}

/* Buttons */
.ct-light-ui .ct-btn,
.ct-light-ui .btn,
.ct-light-ui .sub,
.ct-light-ui .send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: Manrope, sans-serif;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}
.ct-light-ui .ct-btn:hover,
.ct-light-ui .btn:hover,
.ct-light-ui .sub:hover,
.ct-light-ui .send:hover { transform: translateY(-1px); }
.ct-light-ui .ct-btn--primary,
.ct-light-ui .btn-orange,
.ct-light-ui .sub,
.ct-light-ui .send { background: var(--ct-primary); border-color: var(--ct-primary); color: #fff; box-shadow: 0 5px 13px rgba(243, 111, 33, .18); }
.ct-light-ui .ct-btn--primary:hover,
.ct-light-ui .btn-orange:hover,
.ct-light-ui .sub:hover,
.ct-light-ui .send:hover { background: #df5e14; border-color: #df5e14; }
.ct-light-ui .ct-btn--secondary,
.ct-light-ui .btn-ghost { background: #fff; border-color: var(--ct-border-strong); color: #344054; box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .ct-btn--secondary:hover,
.ct-light-ui .btn-ghost:hover { background: #f9fafb; border-color: #98a2b3; }
.ct-light-ui .ct-btn--quiet { background: transparent; color: #475467; }
.ct-light-ui .ct-btn--quiet:hover { background: #f2f4f7; color: var(--ct-heading); }
.ct-light-ui .ct-btn--danger { background: #fff; border-color: #fda29b; color: var(--ct-danger); }
.ct-light-ui .ct-btn--sm { min-height: 34px; padding: 7px 11px; font-size: 12px; border-radius: 8px; }
.ct-light-ui .ct-btn--lg { min-height: 48px; padding: 13px 20px; font-size: 14px; }
.ct-light-ui .ct-btn--block { width: 100%; }
.ct-light-ui .ct-btn[aria-disabled="true"],
.ct-light-ui .ct-btn:disabled,
.ct-light-ui .btn:disabled { opacity: .55; pointer-events: none; }

/* Cards and reusable primitives */
.ct-light-ui .ct-card,
.ct-light-ui .admin-card,
.ct-light-ui .account-card,
.ct-light-ui .rules-panel,
.ct-light-ui .panel,
.ct-light-ui .metric,
.ct-light-ui .form-card,
.ct-light-ui .video-placeholder {
    background: var(--ct-surface);
    border: 1px solid var(--ct-border);
    border-radius: var(--ct-radius);
    box-shadow: var(--ct-shadow-xs);
}
.ct-light-ui .ct-card { overflow: hidden; }
.ct-light-ui .ct-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid #eef0f3; }
.ct-light-ui .ct-card__header h2 { margin: 0; color: var(--ct-heading); font-size: 18px; line-height: 1.3; }
.ct-light-ui .ct-card__header p { margin: 6px 0 0; color: var(--ct-muted); font-size: 13px; }
.ct-light-ui .ct-card__actions { display: flex; align-items: center; gap: 8px; }
.ct-light-ui .ct-card__body { padding: 22px; }
.ct-light-ui .ct-card--flush .ct-card__body { padding: 0; }
.ct-light-ui .ct-badge,
.ct-light-ui .campaign-status,
.ct-light-ui .task-type,
.ct-light-ui .task-required-badge,
.ct-light-ui .reward-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    min-height: 24px;
    padding: 4px 9px;
    border: 0;
    border-radius: 99px;
    background: #f2f4f7;
    color: #475467;
    font-family: Manrope, sans-serif;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .02em;
    line-height: 1;
    text-transform: capitalize;
}
.ct-light-ui .ct-badge--primary,
.ct-light-ui .campaign-status { background: var(--ct-primary-soft); color: var(--ct-primary-dark); }
.ct-light-ui .ct-badge--success { background: var(--ct-success-soft); color: var(--ct-success); }
.ct-light-ui .ct-badge--warning { background: var(--ct-warning-soft); color: var(--ct-warning); }
.ct-light-ui .ct-badge--danger { background: var(--ct-danger-soft); color: var(--ct-danger); }
.ct-light-ui .ct-badge--info { background: var(--ct-info-soft); color: var(--ct-info); }
.ct-light-ui .ct-badge--purple { background: var(--ct-purple-soft); color: var(--ct-purple); }
.ct-light-ui .ct-stat { min-width: 0; padding: 18px; border: 1px solid var(--ct-border); border-radius: 12px; background: #fff; box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .ct-stat__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ct-light-ui .ct-stat__label { color: var(--ct-muted); font-size: 12px; font-weight: 650; }
.ct-light-ui .ct-stat__icon { color: var(--ct-primary); }
.ct-light-ui .ct-stat__value { display: block; margin-top: 9px; color: var(--ct-heading); font-size: 28px; line-height: 1; letter-spacing: -.03em; }
.ct-light-ui .ct-stat__hint { display: block; margin-top: 8px; color: var(--ct-subtle); font-size: 11px; }
.ct-light-ui .ct-section-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.ct-light-ui .ct-section-header h2,
.ct-light-ui .section-title { margin: 0; color: var(--ct-heading); font-family: Manrope, sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.ct-light-ui .ct-section-header p { margin: 5px 0 0; color: var(--ct-muted); font-size: 13px; }
.ct-light-ui .ct-section-header__actions { display: flex; gap: 8px; align-items: center; }
.ct-light-ui .ct-empty-state,
.ct-light-ui .empty-state,
.ct-light-ui .empty-mini-state { padding: 42px 24px; border: 1px dashed var(--ct-border-strong); border-radius: var(--ct-radius); background: rgba(255, 255, 255, .65); text-align: center; }
.ct-light-ui .ct-empty-state__icon { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 14px; border-radius: 14px; background: var(--ct-primary-soft); color: var(--ct-primary-dark); font-size: 23px; }
.ct-light-ui .ct-empty-state h2,
.ct-light-ui .empty-state h2,
.ct-light-ui .empty-state h3 { margin: 0; color: var(--ct-heading); font-size: 19px; }
.ct-light-ui .ct-empty-state p,
.ct-light-ui .empty-state p { max-width: 520px; margin: 8px auto 0; color: var(--ct-muted); font-size: 14px; }
.ct-light-ui .ct-empty-state__actions { display: flex; justify-content: center; gap: 10px; margin-top: 18px; }
.ct-light-ui .ct-progress__label { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 7px; color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .ct-progress__track { height: 8px; overflow: hidden; border-radius: 99px; background: #eaecf0; }
.ct-light-ui .ct-progress__track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ct-primary), #ff9b62); }

/* Forms */
.ct-light-ui input:not([type="checkbox"]):not([type="radio"]),
.ct-light-ui select,
.ct-light-ui textarea,
.ct-light-ui .fi,
.ct-light-ui .copyrow input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--ct-border-strong);
    border-radius: 9px;
    background: #fff;
    color: var(--ct-heading);
    font: inherit;
    font-size: 14px;
    box-shadow: inset 0 1px 2px rgba(16, 24, 40, .02);
}
.ct-light-ui textarea { min-height: 110px; resize: vertical; }
.ct-light-ui input::placeholder,
.ct-light-ui textarea::placeholder { color: #98a2b3; }
.ct-light-ui input:focus,
.ct-light-ui select:focus,
.ct-light-ui textarea:focus { border-color: #f79053; outline: 3px solid rgba(243, 111, 33, .13); }
.ct-light-ui input[type="checkbox"],
.ct-light-ui input[type="radio"] { accent-color: var(--ct-primary); }
.ct-light-ui .ct-field { display: grid; gap: 7px; color: #344054; font-size: 13px; font-weight: 650; }
.ct-light-ui .ct-field__label em { color: var(--ct-danger); font-style: normal; }
.ct-light-ui .ct-field__hint { color: var(--ct-muted); font-size: 11px; font-weight: 450; line-height: 1.45; }
.ct-light-ui .ct-field__error { color: var(--ct-danger); font-size: 11px; font-weight: 600; }
.ct-light-ui .ct-field--error input,
.ct-light-ui .ct-field--error select,
.ct-light-ui .ct-field--error textarea { border-color: #fda29b; }
.ct-light-ui .field-group { display: grid; gap: 7px; }
.ct-light-ui .field-group label { color: #344054; font-size: 13px; font-weight: 700; }
.ct-light-ui .field-group small { color: var(--ct-muted); }

/* Flash messages */
.ct-light-ui .flash { position: fixed; right: 20px; bottom: 20px; z-index: 1000; max-width: min(440px, calc(100vw - 40px)); padding: 14px 16px; border: 1px solid #abefc6; border-left: 4px solid #12b76a; border-radius: 11px; background: #fff; color: #344054; box-shadow: var(--ct-shadow-lg); }
.ct-light-ui .flash.err { border-color: #fecdca; border-left-color: #f04438; }
.ct-light-ui .flash ul { margin: 8px 0 0 18px; }

/* Campaign list */
.ct-light-ui .ct-campaign-sections { display: grid; gap: 44px; }
.ct-light-ui .campaign-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 0; }
.ct-light-ui .campaign-card {
    position: relative;
    min-height: 248px;
    padding: 22px;
    border: 1px solid var(--ct-border);
    border-radius: var(--ct-radius);
    background: #fff;
    color: var(--ct-text);
    box-shadow: var(--ct-shadow-xs);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ct-light-ui .campaign-card::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; border-radius: 0 0 var(--ct-radius) var(--ct-radius); background: linear-gradient(90deg, var(--ct-primary), #fdb27e); opacity: 0; transition: opacity .18s ease; }
.ct-light-ui .campaign-card:hover { transform: translateY(-3px); border-color: #f9c2a1; box-shadow: var(--ct-shadow-md); }
.ct-light-ui .campaign-card:hover::after { opacity: 1; }
.ct-light-ui .campaign-card h3 { margin: 4px 0 0; color: var(--ct-heading); font-family: Manrope, sans-serif; font-size: 20px; line-height: 1.3; }
.ct-light-ui .campaign-card p { margin: 0; color: var(--ct-muted); font-size: 14px; line-height: 1.55; }
.ct-light-ui .campaign-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ct-light-ui .campaign-card__countdown { margin-top: auto; padding-top: 16px; border-top: 1px solid #f0f1f3; }
.ct-light-ui .campaign-card__label { display: block; margin-bottom: 4px; color: var(--ct-subtle); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.ct-light-ui .campaign-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 4px; color: var(--ct-primary-dark); font-size: 13px; font-weight: 750; }
.ct-light-ui .countdown { color: #344054; font-family: Manrope, sans-serif; font-size: 13px; font-weight: 700; }
.ct-light-ui .countdown.large { margin-top: 18px; color: var(--ct-primary-dark); font-size: 18px; }

/* Campaign detail */
.ct-light-ui .campaign-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .65fr); gap: 34px; align-items: center; }
.ct-light-ui .prize-callout { display: inline-flex; gap: 7px; margin-top: 20px; padding: 9px 12px; border: 1px solid #fed7aa; border-radius: 9px; background: var(--ct-primary-soft); color: #9a3412; font-size: 13px; }
.ct-light-ui .campaign-summary { display: grid; gap: 0; padding: 4px 20px; border: 1px solid var(--ct-border); border-radius: var(--ct-radius); background: #fff; box-shadow: var(--ct-shadow-sm); }
.ct-light-ui .campaign-summary > div { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 0; border-bottom: 1px solid #f0f1f3; }
.ct-light-ui .campaign-summary > div:last-child { border-bottom: 0; }
.ct-light-ui .campaign-summary small { color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .campaign-summary strong { color: var(--ct-heading); font-size: 14px; text-align: right; }
.ct-light-ui .campaign-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 24px; align-items: start; }
.ct-light-ui .task-list { display: grid; gap: 12px; }
.ct-light-ui .task-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 300px); gap: 22px; align-items: center; padding: 20px; border: 1px solid var(--ct-border); border-radius: var(--ct-radius); background: #fff; box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .task-card h3 { margin: 10px 0 5px; color: var(--ct-heading); font-size: 17px; line-height: 1.35; }
.ct-light-ui .task-card p { margin: 0; color: var(--ct-muted); font-size: 13px; line-height: 1.55; }
.ct-light-ui .task-card a:not(.btn):not(.ct-btn) { display: inline-flex; margin-top: 10px; color: var(--ct-primary-dark); font-size: 12px; font-weight: 700; }
.ct-light-ui .task-type { background: #f2f4f7; color: #475467; }
.ct-light-ui .task-required-badge { margin-left: 5px; background: var(--ct-warning-soft); color: var(--ct-warning); }
.ct-light-ui .task-reward { display: grid; justify-items: stretch; gap: 8px; padding: 14px; border-radius: 11px; background: var(--ct-surface-soft); }
.ct-light-ui .task-reward > strong { color: var(--ct-heading); font-size: 15px; text-align: center; }
.ct-light-ui .task-reward > span { color: var(--ct-purple); font-size: 12px; font-weight: 700; text-align: center; }
.ct-light-ui .task-action-form { display: grid; gap: 8px; }
.ct-light-ui .task-action-form input { min-height: 39px; font-size: 12px; }
.ct-light-ui .task-action-reason { color: var(--ct-muted); font-size: 11px; line-height: 1.4; text-align: center; }
.ct-light-ui .task-action-disabled { background: #f2f4f7; border-color: #eaecf0; color: #98a2b3; }
.ct-light-ui .referral-share-box input { border-color: var(--ct-border-strong); background: #fff; color: #344054; }
.ct-light-ui .rules-panel { position: sticky; top: 88px; padding: 22px; }
.ct-light-ui .rules-panel h3 { margin: 0 0 14px; color: var(--ct-heading); font-size: 17px; }
.ct-light-ui .rules-panel p { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 0; border-bottom: 1px solid #f0f1f3; color: var(--ct-muted); font-size: 13px; }
.ct-light-ui .rules-panel > a { display: inline-flex; margin: 12px 0; color: var(--ct-primary-dark); font-size: 12px; font-weight: 700; }
.ct-light-ui .rules-panel form { display: grid; gap: 12px; margin-top: 16px; }
.ct-light-ui .accept { display: flex; align-items: flex-start; gap: 9px; color: #475467; font-size: 12px; line-height: 1.45; }
.ct-light-ui .joined-badge { margin-top: 16px; padding: 11px 12px; border-radius: 9px; background: var(--ct-success-soft); color: var(--ct-success); font-size: 13px; font-weight: 700; text-align: center; }
.ct-light-ui .campaign-state-text { display: inline-flex; margin-top: 18px; padding: 8px 11px; border-radius: 8px; background: var(--ct-info-soft); color: var(--ct-info); font-size: 13px; font-weight: 700; }
.ct-light-ui .campaign-state-text.closed { background: #f2f4f7; color: #475467; }
.ct-light-ui .winner-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ct-light-ui .winner-grid article { display: grid; gap: 7px; padding: 18px; border: 1px solid var(--ct-border); border-radius: 12px; background: #fff; }
.ct-light-ui .winner-grid article strong { color: var(--ct-heading); }
.ct-light-ui .winner-grid article span { color: var(--ct-muted); font-size: 12px; }

/* Dashboard */
.ct-light-ui .dashboard-hero .wrap { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.ct-light-ui .dashboard-stats { display: grid; grid-template-columns: repeat(4, minmax(100px, 1fr)); gap: 10px; }
.ct-light-ui .dashboard-stats > div { min-width: 118px; padding: 14px; border: 1px solid var(--ct-border); border-radius: 11px; background: #fff; }
.ct-light-ui .dashboard-stats small { display: block; color: var(--ct-muted); font-size: 11px; }
.ct-light-ui .dashboard-stats strong { display: block; margin-top: 6px; color: var(--ct-heading); font-size: 24px; line-height: 1; }
.ct-light-ui .dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; margin-top: 0; }
.ct-light-ui .dashboard-main { display: grid; gap: 32px; min-width: 0; }
.ct-light-ui .dashboard-side { display: grid; gap: 16px; position: sticky; top: 88px; }
.ct-light-ui .dashboard-campaign { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 16px 18px; border: 1px solid var(--ct-border); border-radius: 11px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.ct-light-ui .dashboard-campaign + .dashboard-campaign { margin-top: 9px; }
.ct-light-ui .dashboard-campaign:hover { border-color: #f8b38a; box-shadow: var(--ct-shadow-sm); }
.ct-light-ui .dashboard-campaign h3 { margin: 0; color: var(--ct-heading); font-size: 15px; }
.ct-light-ui .dashboard-campaign p { margin: 4px 0 0; color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .dashboard-campaign strong { color: var(--ct-primary-dark); font-size: 12px; }
.ct-light-ui .reward-dashboard-panel { padding: 22px; border: 1px solid #fed7aa; border-radius: var(--ct-radius-lg); background: linear-gradient(145deg, #fffaf5, #fff); box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .reward-panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.ct-light-ui .reward-panel-heading h2 { margin: 0; color: var(--ct-heading); font-size: 22px; }
.ct-light-ui .reward-panel-heading p { margin: 6px 0 0; color: var(--ct-muted); font-size: 13px; }
.ct-light-ui .reward-mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.ct-light-ui .reward-mini-card { display: grid; align-content: start; gap: 7px; min-width: 0; padding: 15px; border: 1px solid #ffdfc6; border-radius: 11px; background: #fff; }
.ct-light-ui .reward-mini-card h3 { margin: 2px 0 0; color: var(--ct-heading); font-size: 14px; }
.ct-light-ui .reward-mini-card p,
.ct-light-ui .reward-mini-card small { margin: 0; color: var(--ct-muted); font-size: 11px; }
.ct-light-ui .reward-mini-card a { margin-top: 3px; color: var(--ct-primary-dark); font-size: 12px; font-weight: 750; }
.ct-light-ui .account-card { padding: 20px; }
.ct-light-ui .account-card h3 { margin: 0 0 8px; color: var(--ct-heading); font-size: 15px; }
.ct-light-ui .account-card p { color: var(--ct-muted); font-size: 12px; line-height: 1.5; }
.ct-light-ui .account-card code { display: block; margin: 10px 0; padding: 9px; border-radius: 8px; background: #f2f4f7; color: #344054; font-size: 11px; overflow-wrap: anywhere; }
.ct-light-ui .account-card hr { margin: 18px 0; border: 0; border-top: 1px solid #eaecf0; }
.ct-light-ui .achievement { display: flex; gap: 10px; align-items: center; padding: 9px 0; color: #98a2b3; opacity: 1; }
.ct-light-ui .achievement.earned { color: var(--ct-primary-dark); }
.ct-light-ui .achievement > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #f2f4f7; }
.ct-light-ui .achievement.earned > span { background: var(--ct-primary-soft); }
.ct-light-ui .achievement b { color: #344054; font-size: 12px; }
.ct-light-ui .achievement small { color: var(--ct-muted); font-size: 10px; }
.ct-light-ui .account-card .btn { margin-top: 9px; }

/* Rewards */
.ct-light-ui .reward-center { display: grid; gap: 18px; }
.ct-light-ui .reward-system-notice { padding: 13px 15px; border: 1px solid #b2ddff; border-radius: 10px; background: var(--ct-info-soft); color: var(--ct-info); font-size: 13px; }
.ct-light-ui .reward-claim-card { overflow: hidden; border: 1px solid var(--ct-border); border-radius: var(--ct-radius-lg); background: #fff; box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .reward-claim-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 24px; border-bottom: 1px solid #eef0f3; background: linear-gradient(180deg, #fff, #fdfdfd); }
.ct-light-ui .reward-claim-header h2 { margin: 9px 0 4px; color: var(--ct-heading); font-size: 22px; }
.ct-light-ui .reward-claim-header p { margin: 0; color: var(--ct-muted); font-size: 13px; }
.ct-light-ui .claim-deadline { min-width: 180px; padding: 11px 13px; border-radius: 10px; background: var(--ct-warning-soft); text-align: right; }
.ct-light-ui .claim-deadline small { display: block; color: var(--ct-warning); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.ct-light-ui .claim-deadline strong { display: block; margin-top: 4px; color: #7a2e0e; font-size: 12px; }
.ct-light-ui .reward-claim-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); gap: 28px; padding: 24px; }
.ct-light-ui .reward-claim-grid h3 { margin: 0; color: var(--ct-heading); font-size: 16px; }
.ct-light-ui .task-verification-list { display: grid; gap: 8px; margin-top: 14px; }
.ct-light-ui .task-verification-row { display: flex; align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid var(--ct-border); border-radius: 10px; background: #fff; }
.ct-light-ui .task-verification-row > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ct-warning-soft); color: var(--ct-warning); font-weight: 800; }
.ct-light-ui .task-verification-row.verified > span { background: var(--ct-success-soft); color: var(--ct-success); }
.ct-light-ui .task-verification-row strong { display: block; color: #344054; font-size: 12px; }
.ct-light-ui .task-verification-row small { display: block; margin-top: 2px; color: var(--ct-muted); font-size: 10px; text-transform: capitalize; }
.ct-light-ui .claim-status-details { margin: 14px 0; }
.ct-light-ui .claim-status-details > div { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid #f0f1f3; }
.ct-light-ui .claim-status-details dt { color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .claim-status-details dd { margin: 0; color: #344054; font-size: 12px; font-weight: 700; text-align: right; text-transform: capitalize; }
.ct-light-ui .claim-blocked-note { padding: 13px; border-radius: 9px; background: #f2f4f7; color: #475467; font-size: 12px; line-height: 1.5; }
.ct-light-ui .claim-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ct-light-ui .claim-form-grid label { display: grid; gap: 6px; color: #344054; font-size: 12px; font-weight: 700; }
.ct-light-ui .claim-form-grid .wide { grid-column: 1 / -1; }
.ct-light-ui .privacy-note { margin: 14px 0; color: var(--ct-muted); font-size: 11px; }

/* Notifications */
.ct-light-ui .notification-center { padding-block: 28px 72px; max-width: 980px; }
.ct-light-ui .browser-alert-setup { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; margin-bottom: 16px; border: 1px solid #fed7aa; border-radius: var(--ct-radius); background: var(--ct-primary-soft); }
.ct-light-ui .browser-alert-setup strong { color: #7a2e0e; }
.ct-light-ui .browser-alert-setup p { margin: 4px 0; color: #9a3412; font-size: 13px; }
.ct-light-ui .browser-alert-setup small { display: block; color: #b54708; }
.ct-light-ui .browser-alert-setup small + small { margin-top: 3px; }
.ct-light-ui .browser-alert-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.ct-light-ui .notification-preferences { padding: 16px 18px; margin-bottom: 18px; border: 1px solid var(--ct-border); border-radius: var(--ct-radius); background: #fff; }
.ct-light-ui .notification-preferences summary { color: var(--ct-heading); cursor: pointer; font-weight: 750; }
.ct-light-ui .notification-preferences form { display: flex; gap: 12px 16px; align-items: center; flex-wrap: wrap; margin: 14px 0; }
.ct-light-ui .notification-preferences label { display: inline-flex; align-items: center; gap: 7px; color: #475467; font-size: 12px; }
.ct-light-ui .notification-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.ct-light-ui .notification-toolbar p { color: var(--ct-muted); font-size: 13px; }
.ct-light-ui .notification-item { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 17px; margin-bottom: 10px; border: 1px solid var(--ct-border); border-radius: 12px; background: #fff; box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .notification-item.is-unread { border-color: #f8b38a; box-shadow: inset 3px 0 0 var(--ct-primary), var(--ct-shadow-xs); }
.ct-light-ui .notification-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: var(--ct-primary-soft); color: var(--ct-primary-dark); font-size: 18px; }
.ct-light-ui .notification-item span { color: var(--ct-subtle); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ct-light-ui .notification-item h2 { margin: 3px 0; color: var(--ct-heading); font-size: 15px; }
.ct-light-ui .notification-item p { margin: 0; color: var(--ct-muted); font-size: 12px; }

/* Support */
.ct-light-ui .ct-grid-two,
.ct-light-ui .v2-grid-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ct-light-ui .v2-card { background: #fff; border: 1px solid var(--ct-border); border-radius: var(--ct-radius); overflow: hidden; }
.ct-light-ui .v2-card__header { padding: 20px 22px; border-bottom: 1px solid #eef0f3; }
.ct-light-ui .v2-card__header h2 { color: var(--ct-heading); }
.ct-light-ui .v2-card__header p { color: var(--ct-muted); }
.ct-light-ui .v2-card__body { padding: 22px; }
.ct-light-ui .v2-stack { display: grid; gap: 14px; }
.ct-light-ui .v2-stack label { display: grid; gap: 6px; color: #344054; font-size: 12px; font-weight: 700; }
.ct-light-ui .v2-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ct-light-ui .support-row { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 14px 0; border-bottom: 1px solid #eaecf0; }
.ct-light-ui .support-row b { color: var(--ct-heading); }
.ct-light-ui .support-row p { margin: 4px 0 0; color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .narrow { max-width: 850px; }
.ct-light-ui .support-thread { display: grid; gap: 12px; }
.ct-light-ui .support-thread article { max-width: 82%; padding: 16px; border: 1px solid var(--ct-border); border-radius: 14px; background: #fff; }
.ct-light-ui .support-thread article.staff { margin-left: auto; border-color: #fed7aa; background: var(--ct-primary-soft); }
.ct-light-ui .support-thread header { display: flex; justify-content: space-between; gap: 20px; color: #344054; font-size: 12px; }
.ct-light-ui .support-thread time { color: var(--ct-muted); }
.ct-light-ui .support-thread p { margin-top: 9px; color: #475467; font-size: 13px; white-space: pre-wrap; }
.ct-light-ui .support-reply { margin-top: 22px; padding: 20px; border: 1px solid var(--ct-border); border-radius: var(--ct-radius); background: #fff; }

/* Draw proof */
.ct-light-ui .draw-proof { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 22px; padding-block: 30px 72px; }
.ct-light-ui .draw-proof .admin-card { padding: 22px; }
.ct-light-ui .draw-proof h2 { margin: 0 0 12px; color: var(--ct-heading); font-size: 18px; }
.ct-light-ui .draw-proof dl > div,
.ct-light-ui .winner-row { display: flex; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid #f0f1f3; }
.ct-light-ui .draw-proof dt,
.ct-light-ui .winner-row span { color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .draw-proof dd { margin: 0; color: #344054; font-size: 12px; text-align: right; overflow-wrap: anywhere; }
.ct-light-ui .draw-proof code { display: inline-block; max-width: 430px; padding: 3px 6px; border-radius: 5px; background: #f2f4f7; color: #344054; font-size: 10px; overflow-wrap: anywhere; }
.ct-light-ui .winner-row { align-items: center; }
.ct-light-ui .winner-row strong { color: var(--ct-heading); }
.ct-light-ui .winner-row p { margin: 3px 0 0; color: var(--ct-muted); font-size: 12px; }
.ct-light-ui .winner-row > div:last-child { text-align: right; }
.ct-light-ui .success { color: var(--ct-success); }
.ct-light-ui .error { color: var(--ct-danger); }

/* Modal */
.ct-light-ui .ct-modal { position: fixed; inset: 0; z-index: 1000; display: none; place-items: center; padding: 20px; }
.ct-light-ui .ct-modal.open { display: grid; }
.ct-light-ui .ct-modal-backdrop { position: absolute; inset: 0; background: rgba(16, 24, 40, .58); backdrop-filter: blur(3px); }
.ct-light-ui .ct-modal-card { position: relative; z-index: 1; width: min(100%, 680px); max-height: calc(100vh - 40px); overflow: auto; padding: 26px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 18px; background: #fff; color: var(--ct-text); box-shadow: var(--ct-shadow-lg); }
.ct-light-ui .ct-modal-card h2 { color: var(--ct-heading); }
.ct-light-ui .ct-modal-close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--ct-border); border-radius: 9px; background: #fff; color: #475467; font-size: 20px; cursor: pointer; }
.ct-light-ui .winner-gold-card { text-align: center; background: linear-gradient(145deg, #fffaf5, #fff 55%); }
.ct-light-ui .winner-kicker { color: var(--ct-warning); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ct-light-ui .winner-confetti { color: var(--ct-primary); font-size: 24px; }
.ct-light-ui .winner-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.ct-light-ui .winner-detail-grid > div { padding: 13px; border: 1px solid #fed7aa; border-radius: 10px; background: #fff; }
.ct-light-ui .winner-detail-grid small { display: block; color: var(--ct-muted); font-size: 10px; }
.ct-light-ui .winner-detail-grid strong { display: block; margin-top: 3px; color: var(--ct-heading); }

/* Homepage and legacy public-page compatibility */
.ct-light-ui .hero,
.ct-light-ui .app-hero { min-height: auto; padding-top: 72px; background: linear-gradient(180deg, #fff 0%, #f7f8fc 100%); }
.ct-light-ui .app-hero-copy h1,
.ct-light-ui .hero-title { color: var(--ct-heading); }
.ct-light-ui .hero-p,
.ct-light-ui .app-hero-lead,
.ct-light-ui .creator-copy p,
.ct-light-ui .purpose-section-head p { color: var(--ct-muted); }
.ct-light-ui .cards article,
.ct-light-ui .data-use-card,
.ct-light-ui .public-empty-card,
.ct-light-ui .popular-video { border-color: var(--ct-border); background: #fff; color: var(--ct-text); box-shadow: var(--ct-shadow-xs); }
.ct-light-ui .cards p,
.ct-light-ui .panel p { color: var(--ct-muted); }
.ct-light-ui .h2 { color: var(--ct-heading); font-size: clamp(34px, 5vw, 54px); text-transform: none; }
.ct-light-ui .popular-video:hover { border-color: #f8b38a; }
.ct-light-ui .pv-thumb { background: #eef0f3; }
.ct-light-ui .form-shell { padding-top: 40px; }
.ct-light-ui .form-card { padding: 26px; }
.ct-light-ui .cards.compact article { background: #fff; }
.ct-light-ui .challenge-page,
.ct-light-ui .challenge-panel,
.ct-light-ui .quiz-shell,
.ct-light-ui .lock-card,
.ct-light-ui .reward-box { color: var(--ct-text); }
.ct-light-ui .challenge-panel,
.ct-light-ui .quiz-shell,
.ct-light-ui .lock-card,
.ct-light-ui .reward-box { border-color: var(--ct-border); background: #fff; }
.ct-light-ui .challenge-panel p,
.ct-light-ui .lock-card p { color: var(--ct-muted); }
.ct-light-ui .progress,
.ct-light-ui .progress-track { background: #eaecf0; }
.ct-light-ui fieldset { border-color: var(--ct-border); }
.ct-light-ui .answer { color: #475467; }

/* Footer */
.ct-light-ui footer { border-top: 1px solid var(--ct-border); background: #fff; color: var(--ct-text); }
.ct-light-ui .news { padding-block: 44px; }
.ct-light-ui .news h3 { max-width: 660px; color: var(--ct-heading); font-size: 20px; line-height: 1.45; }
.ct-light-ui .news form { display: flex; align-items: end; gap: 8px; }
.ct-light-ui .newsletter-field { display: grid; gap: 5px; min-width: 280px; }
.ct-light-ui .newsletter-field label { color: #475467; font-size: 11px; font-weight: 700; }
.ct-light-ui .news input { border-color: var(--ct-border-strong); background: #fff; color: var(--ct-heading); }
.ct-light-ui .news button { min-height: 44px; padding: 10px 17px; border: 1px solid var(--ct-primary); border-radius: 9px; background: var(--ct-primary); color: #fff; font-weight: 750; }
.ct-light-ui .footer-app-summary,
.ct-light-ui .footer-legal-row { width: min(100%, var(--ct-container)); margin-inline: auto; padding: 24px; border-top: 1px solid #f0f1f3; }
.ct-light-ui .footer-app-summary strong { color: var(--ct-heading); }
.ct-light-ui .footer-app-summary p,
.ct-light-ui .footer-google-note { max-width: 880px; margin-top: 7px; color: var(--ct-muted); font-size: 12px; line-height: 1.6; }
.ct-light-ui .footer-legal-row { display: flex; justify-content: space-between; gap: 30px; }
.ct-light-ui .footer-legal { display: flex; gap: 10px 18px; flex-wrap: wrap; }
.ct-light-ui .footer-legal a { color: #475467; font-size: 12px; font-weight: 650; }
.ct-light-ui .footer-legal a:hover { color: var(--ct-primary-dark); }
.ct-light-ui .fbar { padding-block: 22px; border-top: 1px solid #f0f1f3; color: var(--ct-muted); font-size: 11px; }
.ct-light-ui .fbar a { color: #475467; }

/* Pagination */
.ct-light-ui .pagination { display: flex; gap: 5px; align-items: center; justify-content: center; margin-top: 22px; list-style: none; }
.ct-light-ui .page-link { display: grid; place-items: center; min-width: 36px; height: 36px; padding-inline: 8px; border: 1px solid var(--ct-border); border-radius: 8px; background: #fff; color: #475467; font-size: 12px; }
.ct-light-ui .page-item.active .page-link { border-color: var(--ct-primary); background: var(--ct-primary); color: #fff; }
.ct-light-ui .page-item.disabled .page-link { opacity: .5; }

@media (max-width: 1080px) {
    .ct-light-ui .nav-links { display: none; }
    .ct-light-ui .burger { display: grid; place-items: center; }
    .ct-light-ui .ct-mobile-menu { position: fixed; inset: 69px 14px auto; z-index: 90; display: none; padding: 10px; border: 1px solid var(--ct-border); border-radius: 14px; background: #fff; box-shadow: var(--ct-shadow-lg); }
    .ct-light-ui .ct-mobile-menu.is-open { display: grid; }
    .ct-light-ui .ct-mobile-menu a,
    .ct-light-ui .ct-mobile-menu button { display: flex; width: 100%; padding: 11px 12px; border: 0; border-radius: 9px; background: transparent; color: #344054; font: 650 13px Manrope, sans-serif; text-align: left; }
    .ct-light-ui .ct-mobile-menu a:hover,
    .ct-light-ui .ct-mobile-menu button:hover { background: #f2f4f7; }
    .ct-light-ui .campaign-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ct-light-ui .dashboard-hero .wrap { align-items: flex-start; flex-direction: column; }
    .ct-light-ui .dashboard-stats { width: 100%; }
    .ct-light-ui .reward-mini-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    .ct-light-ui .ct-page-header__inner,
    .ct-light-ui .reward-claim-header,
    .ct-light-ui .reward-panel-heading { align-items: flex-start; flex-direction: column; }
    .ct-light-ui .campaign-hero-grid,
    .ct-light-ui .campaign-layout,
    .ct-light-ui .dashboard-grid,
    .ct-light-ui .reward-claim-grid,
    .ct-light-ui .draw-proof,
    .ct-light-ui .ct-grid-two,
    .ct-light-ui .v2-grid-two,
    .ct-light-ui .form-shell { grid-template-columns: 1fr; }
    .ct-light-ui .rules-panel,
    .ct-light-ui .dashboard-side { position: static; }
    .ct-light-ui .task-card { grid-template-columns: 1fr; }
    .ct-light-ui .task-reward { justify-items: stretch; }
    .ct-light-ui .claim-deadline { width: 100%; text-align: left; }
    .ct-light-ui .footer-legal-row { flex-direction: column; }
}

@media (max-width: 680px) {
    .ct-light-ui .ct-container,
    .ct-light-ui .wrap,
    .ct-light-ui .blk { padding-inline: 16px; }
    .ct-light-ui .blk { padding-top: 38px; padding-bottom: 52px; }
    .ct-light-ui .nav-inner { height: 62px; }
    .ct-light-ui .logo { font-size: 13px; }
    .ct-light-ui .yt { width: 31px; height: 31px; }
    .ct-light-ui .nav-actions > .cta:not(.cta-primary),
    .ct-light-ui .nav-actions > form { display: none; }
    .ct-light-ui .ct-mobile-menu { top: 63px; }
    .ct-light-ui .ct-page-header,
    .ct-light-ui .page-hero,
    .ct-light-ui .campaign-hero,
    .ct-light-ui .dashboard-hero { padding: 36px 0 30px; }
    .ct-light-ui .campaign-grid,
    .ct-light-ui .winner-grid,
    .ct-light-ui .dashboard-stats,
    .ct-light-ui .claim-form-grid,
    .ct-light-ui .v2-form-grid,
    .ct-light-ui .winner-detail-grid { grid-template-columns: 1fr; }
    .ct-light-ui .claim-form-grid .wide { grid-column: auto; }
    .ct-light-ui .campaign-card { min-height: 220px; }
    .ct-light-ui .notification-item { grid-template-columns: 42px minmax(0, 1fr); }
    .ct-light-ui .notification-item form { grid-column: 1 / -1; }
    .ct-light-ui .notification-item .btn { width: 100%; }
    .ct-light-ui .browser-alert-setup { align-items: stretch; flex-direction: column; }
    .ct-light-ui .browser-alert-actions { justify-content: stretch; }
    .ct-light-ui .browser-alert-actions .ct-button,
    .ct-light-ui .browser-alert-actions button { width: 100%; }
    .ct-light-ui .notification-toolbar { align-items: stretch; flex-direction: column; }
    .ct-light-ui .support-thread article { max-width: 94%; }
    .ct-light-ui .news,
    .ct-light-ui .fbar { align-items: stretch; flex-direction: column; }
    .ct-light-ui .news form { align-items: stretch; flex-direction: column; width: 100%; }
    .ct-light-ui .newsletter-field { min-width: 0; }
    .ct-light-ui .ct-modal { align-items: end; padding: 0; }
    .ct-light-ui .ct-modal-card { width: 100%; max-height: 94vh; border-radius: 18px 18px 0 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ct-light-ui *,
    .ct-light-ui *::before,
    .ct-light-ui *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}
.ct-light-ui .ct-audience-stats { margin-top: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ct-light-ui .security-shell { max-width: 560px; }
.ct-light-ui .security-shell--wide { max-width: 720px; }
.ct-light-ui .security-steps { display: grid; gap: 9px; margin: 0 0 22px 20px; color: #475467; font-size: 13px; }
.ct-light-ui .security-secret { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px; margin: 18px 0; border: 1px solid var(--ct-border); border-radius: 11px; background: #f9fafb; }
.ct-light-ui .security-secret code { color: var(--ct-heading); font-size: 15px; letter-spacing: .08em; overflow-wrap: anywhere; }
.ct-light-ui .security-details { margin-bottom: 20px; padding: 14px 16px; border: 1px solid var(--ct-border); border-radius: 11px; background: #fff; }
.ct-light-ui .security-details summary { cursor: pointer; color: #344054; font-size: 13px; font-weight: 700; }
.ct-light-ui .security-uri { display: block; margin: 12px 0; padding: 12px; border-radius: 8px; background: #f2f4f7; color: #344054; font-size: 11px; overflow-wrap: anywhere; }
.ct-light-ui .recovery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 20px 0; }
.ct-light-ui .recovery-grid code { padding: 12px; border: 1px solid var(--ct-border); border-radius: 9px; background: #f9fafb; color: var(--ct-heading); text-align: center; letter-spacing: .07em; }
.ct-light-ui .security-actions { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 560px) {
    .ct-light-ui .security-secret { align-items: stretch; flex-direction: column; }
    .ct-light-ui .recovery-grid { grid-template-columns: 1fr; }
    .ct-light-ui .security-actions > * { width: 100%; }
}
.ct-light-ui .ct-browser-toast { border-color: #fed7aa; background: #fff; color: var(--ct-text); box-shadow: var(--ct-shadow-lg); }
.ct-light-ui .ct-browser-toast strong { color: var(--ct-primary-dark); }
.ct-light-ui .ct-browser-toast span { color: var(--ct-muted); }
.ct-light-ui .ct-browser-toast button { color: #667085; }

/* Beta 6.1 multi-video quiz hub */
.quiz-hub-hero .campaign-hero-grid{align-items:center}.quiz-hub-progress-copy{display:grid;gap:5px;margin-top:22px}.quiz-hub-progress-copy strong{font-size:18px}.quiz-hub-progress-copy span{color:var(--ct-muted,#667085)}.quiz-hub-progress{height:10px;margin-bottom:28px;overflow:hidden;border-radius:999px;background:#eaecf0}.quiz-hub-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#fb923c)}.quiz-hub-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.quiz-hub-grid{display:grid;gap:14px}.quiz-hub-card{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(180px,220px);gap:18px;align-items:center;padding:20px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,.05)}.quiz-hub-card.is-passed{border-color:#a6f4c5;background:#f6fef9}.quiz-hub-card-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff7ed;color:#c2410c;font-weight:800}.quiz-hub-card-body{min-width:0}.quiz-hub-card-body h3{margin:8px 0 6px;font-size:18px}.quiz-hub-card-body p,.quiz-hub-card-body small{color:#667085}.quiz-hub-card-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quiz-hub-card-badges>span{color:#667085;font-size:12px}.quiz-hub-card-action{min-width:0}@media(max-width:760px){.quiz-hub-heading{align-items:stretch;flex-direction:column}.quiz-hub-card{grid-template-columns:40px minmax(0,1fr)}.quiz-hub-card-action{grid-column:1/-1}.quiz-hub-card-action .btn{width:100%}}