:root {
    --cg-navy: #071b33;
    --cg-blue: #0b63f6;
    --cg-blue-dark: #0647bd;
    --cg-cyan: #05b8d8;
    --cg-green: #10b981;
    --cg-ink: #10213b;
    --cg-muted: #62718a;
    --cg-soft: #f3f8ff;
    --cg-border: #dce8f7;
}

html { scroll-behavior: smooth; }

body {
    background: #f4f7fb;
    color: var(--cg-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.hero-section {
    min-height: 420px;
}

.auth-page {
    min-height: 100vh;
    background: radial-gradient(circle at top, #ffffff 0, #f4f6f9 45%, #e9eef5 100%);
}

.auth-card {
    border-radius: 1rem;
}

.dashboard-page {
    background: #f4f6f9;
}

.dashboard-sidebar {
    min-height: calc(100vh - 56px);
    position: sticky;
    top: 56px;
}

.sidebar-menu .list-group-item {
    border: 0;
    font-weight: 500;
}

.card-stat {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.05);
}

.table-responsive {
    border-radius: 0.75rem;
}

.dashboard-sidebar {
    min-height: calc(100vh - 56px);
    position: sticky;
    top: 56px;
}

.admin-table th {
    white-space: nowrap;
    font-size: 0.825rem;
    text-transform: uppercase;
    color: #6c757d;
}

.admin-table td {
    font-size: 0.925rem;
}

.admin-queue-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid #e9ecef;
    border-radius: 0.75rem;
    text-decoration: none;
    color: inherit;
    background: #fff;
}

.admin-queue-card:hover {
    background: #f8f9fa;
}

.admin-queue-card span {
    color: #6c757d;
}

.admin-queue-card strong {
    font-size: 1.5rem;
}

@media (max-width: 991.98px) {
    .dashboard-sidebar {
        position: static;
        min-height: auto;
    }
}


/* ===== app-ui-polish.css ===== */
/* ClickGo UI polish additions */
.landing-page {
    background: #f6f8fb;
    color: #14213d;
}

.py-lg-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.hero-pro {
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, 0.12), transparent 36%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.hero-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.5rem;
    overflow: hidden;
}

.hero-card-header {
    background: #111827;
    padding: 0.85rem 1rem;
}

.dot {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 6px;
}

.overview-item {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #eef2f7;
}

.overview-item:last-child {
    border-bottom: 0;
}

.overview-icon {
    width: 42px;
    height: 42px;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex: 0 0 42px;
}

.mini-stat {
    background: #ffffff;
    border: 1px solid #e9eef5;
    border-radius: 1rem;
    padding: 1rem;
    height: 100%;
}

.info-panel {
    background: #ffffff;
    border: 1px solid #e7ecf3;
    border-radius: 1.5rem;
    padding: 2rem;
    box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.04);
}

.info-box {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 1rem;
    padding: 1rem;
    height: 100%;
}

.info-box strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #111827;
}

.info-box span {
    display: block;
    color: #6b7280;
    font-size: 0.92rem;
}

.feature-list {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
    color: #334155;
}

.step-card,
.payment-card,
.security-card {
    background: #ffffff;
    border: 1px solid #e7ecf3;
    border-radius: 1.25rem;
    padding: 1.5rem;
    height: 100%;
    box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.step-card:hover,
.payment-card:hover,
.security-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.step-number {
    width: 46px;
    height: 46px;
    background: #0d6efd;
    color: #ffffff;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin-bottom: 1rem;
}

.cta-section {
    background: #ffffff;
}

.cta-box {
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 30%),
        linear-gradient(135deg, #0d6efd 0%, #0f172a 100%);
    border-radius: 1.75rem;
    padding: 4rem 2rem;
    box-shadow: 0 1rem 2.5rem rgba(13, 110, 253, 0.18);
}

.register-card {
    border-radius: 1.25rem;
}

.role-info-card {
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 1rem;
    height: 100%;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.role-info-card.active {
    border-color: #0d6efd;
    background: #f8fbff;
    box-shadow: 0 0.5rem 1.5rem rgba(13, 110, 253, 0.08);
}

.dashboard-hero {
    background: #ffffff;
    border: 1px solid #e7ecf3;
    border-radius: 1.25rem;
    padding: 1.5rem;
    box-shadow: 0 0.4rem 1.2rem rgba(15, 23, 42, 0.04);
}

.advertiser-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%);
}

.publisher-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f3fff8 100%);
}

.admin-hero {
    background: linear-gradient(135deg, #ffffff 0%, #fff8f8 100%);
}

.dashboard-checklist {
    display: grid;
    gap: 0.9rem;
}

.dashboard-checklist div {
    border: 1px solid #edf2f7;
    border-radius: 0.9rem;
    padding: 0.9rem 1rem;
    background: #f8fafc;
}

.dashboard-checklist strong {
    display: block;
    color: #111827;
    margin-bottom: 0.2rem;
}

.dashboard-checklist span {
    display: block;
    color: #6b7280;
    font-size: 0.92rem;
}

.card-stat {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.75rem 1.8rem rgba(15, 23, 42, 0.08);
}

@media (max-width: 767.98px) {
    .hero-pro {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .display-4 {
        font-size: 2.35rem;
    }

    .display-6 {
        font-size: 1.9rem;
    }

    .info-panel {
        padding: 1.25rem;
    }

    .cta-box {
        padding: 2.5rem 1.25rem;
    }

    .dashboard-hero {
        padding: 1.25rem;
    }
}


/* ===== app-membership.css ===== */
.membership-plan-card {
    border: 1px solid #dbe5f1 !important;
    border-radius: 1rem;
    overflow: hidden;
    background: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.membership-plan-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.10) !important;
}

.membership-featured {
    border-color: #0d6efd !important;
    box-shadow: 0 0.8rem 1.8rem rgba(13, 110, 253, 0.10) !important;
}

.membership-plan-divider {
    margin: 0.5rem 0 1.15rem;
    border-color: #dbe5f1;
    opacity: 1;
}

.membership-plan-description {
    color: #334155 !important;
    font-size: 0.9rem;
    line-height: 1.55;
    margin-bottom: 1rem;
}

.membership-plan-badge {
    display: inline-block;
    max-width: 4.5rem;
    padding: 0.32rem 0.52rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.membership-standard {
    border: 1px solid #dbe5f1;
    background: #f8fafc;
    color: #0f172a;
}

.membership-popular {
    background: #2563eb;
    color: #ffffff;
}

.membership-best-value {
    background: #009d6d;
    color: #ffffff;
}

.membership-feature-list {
    font-size: 0.8rem;
}

.membership-feature-list li {
    display: flex;
    gap: 0.55rem;
    padding: 0.36rem 0;
    color: #0f172a;
    line-height: 1.42;
}

.membership-check {
    flex: 0 0 auto;
    color: #0d6efd;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.15;
}

.membership-admin-plan {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.membership-hero {
    background:
        radial-gradient(circle at top right, rgba(13, 110, 253, 0.10), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}


/* ===== app-membership-activation.css ===== */
.membership-payment-alert {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.12), rgba(13, 110, 253, 0.04));
}

.membership-status-card {
    border-left: 4px solid #0d6efd !important;
}

.membership-plan-card .btn {
    font-weight: 700;
}

.admin-table td {
    vertical-align: middle;
}


/* ===== app-membership-limits.css ===== */
.membership-limits-table input[type="number"] {
    min-width: 110px;
}

.membership-limit-mini {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 1rem;
    height: 100%;
}

.membership-limit-mini span {
    display: block;
    font-size: .82rem;
    color: #6b7280;
    margin-bottom: .25rem;
}

.membership-limit-mini strong {
    display: block;
    font-size: 1.2rem;
    color: #111827;
}


/* ===== app-membership-ads-priority.css ===== */
.membership-priority-note {
    border-left: 4px solid #0d6efd;
}

select[name="country_targeting[]"] {
    min-height: 220px;
}

/* ===== ClickGo brand and public website ===== */
.clickgo-navbar {
    min-height: 74px;
    background: rgba(255, 255, 255, .93);
    border-bottom: 1px solid rgba(15, 63, 116, .08);
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 30px rgba(11, 57, 105, .04);
}

.clickgo-brand {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: var(--cg-navy);
    font-size: 1.45rem;
    font-weight: 850;
    letter-spacing: -.045em;
}

.clickgo-brand img { border-radius: 11px; }
.clickgo-brand > span > span,
.footer-brand span { color: var(--cg-blue); }
.clickgo-navbar .nav-link { color: #44536a; font-size: .93rem; font-weight: 650; padding: .55rem .75rem !important; }
.clickgo-navbar .nav-link:hover { color: var(--cg-blue); }

.btn-brand {
    border: 1px solid var(--cg-blue);
    background: linear-gradient(135deg, var(--cg-blue) 0%, #0787e8 100%);
    color: #fff;
    font-weight: 750;
    box-shadow: 0 10px 24px rgba(11, 99, 246, .22);
}

.btn-brand:hover,
.btn-brand:focus { border-color: var(--cg-blue-dark); background: var(--cg-blue-dark); color: #fff; transform: translateY(-1px); }
.btn-soft { border: 1px solid #cdddf1; background: rgba(255,255,255,.72); color: var(--cg-navy); font-weight: 700; }
.btn-soft:hover { border-color: var(--cg-blue); color: var(--cg-blue); background: #fff; }

.landing-page { overflow-x: hidden; background: #fff; }
.landing-page .hero-pro {
    position: relative;
    padding: 7.5rem 0 6.75rem;
    background:
        linear-gradient(115deg, rgba(243,248,255,.98), rgba(250,253,255,.94)),
        radial-gradient(circle at 80% 20%, rgba(5,184,216,.18), transparent 35%);
}

.hero-pro::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .32;
    pointer-events: none;
    background-image: linear-gradient(rgba(11,99,246,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(11,99,246,.07) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to right, transparent 4%, black 52%, transparent 100%);
}

.hero-pro .container { z-index: 1; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-orb-one { width: 170px; height: 170px; right: -40px; top: -70px; background: rgba(5,184,216,.12); }
.hero-orb-two { width: 90px; height: 90px; left: 48%; bottom: -20px; background: rgba(11,99,246,.09); }

.eyebrow,
.section-kicker {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: var(--cg-blue);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.eyebrow span { width: 28px; height: 2px; background: linear-gradient(90deg, var(--cg-blue), var(--cg-cyan)); }
.hero-title { margin: 1.25rem 0 1.5rem; max-width: 760px; color: var(--cg-navy); font-size: clamp(3.2rem, 6.3vw, 5.8rem); font-weight: 880; letter-spacing: -.07em; line-height: .98; }
.hero-title span { color: transparent; background: linear-gradient(105deg, var(--cg-blue) 0%, var(--cg-cyan) 86%); background-clip: text; -webkit-background-clip: text; }
.hero-copy { max-width: 690px; color: var(--cg-muted); font-size: 1.13rem; line-height: 1.8; }
.hero-actions { margin-top: 2rem; }
.hero-actions .btn { padding: .88rem 1.35rem; border-radius: .8rem; font-size: .98rem; }
.hero-actions .btn span { margin-left: .55rem; }
.trust-row { display: flex; flex-wrap: wrap; gap: 1rem 1.4rem; margin-top: 2rem; color: #506078; font-size: .86rem; font-weight: 600; }
.trust-row b { display: inline-grid; place-items: center; width: 19px; height: 19px; margin-right: .3rem; border-radius: 50%; background: #dff9f0; color: #05855f; font-size: .7rem; }

.campaign-preview { position: relative; border: 1px solid rgba(11,99,246,.14); border-radius: 1.5rem; background: rgba(255,255,255,.96); box-shadow: 0 35px 75px rgba(19,73,132,.18); overflow: hidden; transform: rotate(1deg); }
.campaign-preview::before { content: ""; position: absolute; width: 180px; height: 180px; right: -70px; bottom: -70px; border-radius: 50%; background: rgba(5,184,216,.1); }
.preview-top { display: flex; justify-content: space-between; align-items: center; padding: .9rem 1.25rem; border-bottom: 1px solid #e7eef8; background: #f8fbff; color: #46566f; font-size: .76rem; font-weight: 750; }
.status-dot { display: inline-block; width: 8px; height: 8px; margin-right: .35rem; border-radius: 50%; background: var(--cg-green); box-shadow: 0 0 0 5px rgba(16,185,129,.1); }
.preview-pill { padding: .25rem .65rem; border-radius: 999px; background: #dcfcef; color: #087b59; }
.preview-body { position: relative; padding: 1.6rem; }
.preview-label { color: #8390a4; font-size: .7rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.trend-pill { padding: .42rem .65rem; border-radius: .65rem; background: #e8f8ff; color: #05738a; font-size: .73rem; font-weight: 800; }
.metric-main { display: flex; flex-direction: column; }
.metric-main > span { color: #708098; font-size: .82rem; }
.metric-main strong { margin: .2rem 0; color: var(--cg-navy); font-size: 2.7rem; line-height: 1; letter-spacing: -.05em; }
.metric-main small { color: #8b98aa; }
.mini-chart { display: flex; align-items: end; gap: .55rem; height: 115px; margin: 1.5rem 0 0; padding: 0 .2rem; border-bottom: 1px solid #dbe7f5; }
.mini-chart i { flex: 1; min-width: 10px; border-radius: 5px 5px 1px 1px; background: linear-gradient(180deg, var(--cg-cyan), var(--cg-blue)); opacity: .86; }
.mini-chart i:nth-child(1){height:34%}.mini-chart i:nth-child(2){height:49%}.mini-chart i:nth-child(3){height:42%}.mini-chart i:nth-child(4){height:64%}.mini-chart i:nth-child(5){height:57%}.mini-chart i:nth-child(6){height:78%}.mini-chart i:nth-child(7){height:68%}.mini-chart i:nth-child(8){height:91%}
.preview-stat { padding: .85rem; border: 1px solid #e4edf8; border-radius: .85rem; background: #fbfdff; }
.preview-stat span,.preview-stat strong { display:block; }.preview-stat span { color:#8793a6;font-size:.7rem }.preview-stat strong { color:var(--cg-ink);font-size:.85rem }

.benefit-strip { position: relative; z-index: 2; border-top: 1px solid #e4edf8; border-bottom: 1px solid #e4edf8; background: #fff; }
.benefit-item { display: flex; align-items: center; gap: .9rem; min-height: 118px; padding: 1.35rem; border-right: 1px solid #e4edf8; }
.benefit-item > span { color: #9db0c8; font-size: .76rem; font-weight: 800; }
.benefit-item strong,.benefit-item small { display:block }.benefit-item strong{color:var(--cg-navy);font-size:.9rem}.benefit-item small{margin-top:.25rem;color:#8491a5;font-size:.72rem;line-height:1.4}

.section-space { padding: 7rem 0; background: #fff; }
.section-tinted { background: var(--cg-soft); }
.section-kicker { margin-bottom: 1.1rem; }
.publisher-kicker { color: #059669; }
.section-title { max-width: 720px; margin-bottom: 1.3rem; color: var(--cg-navy); font-size: clamp(2.15rem, 4vw, 3.6rem); font-weight: 850; letter-spacing: -.055em; line-height: 1.08; }
.section-copy { max-width: 660px; color: var(--cg-muted); font-size: 1.03rem; line-height: 1.75; }
.section-heading { max-width: 780px; margin: 0 auto 3.8rem; }

.check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2rem 0; }
.check-grid > div { display: flex; gap: .75rem; }
.check-grid b { display: inline-grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; margin-top: .1rem; border-radius: 7px; background: #e5f0ff; color: var(--cg-blue); font-size: .75rem; }
.check-grid span,.check-grid strong { display:block }.check-grid span{color:#738198;font-size:.79rem;line-height:1.5}.check-grid strong{margin-bottom:.15rem;color:var(--cg-ink);font-size:.88rem}
.text-link { display: inline-flex; gap: .5rem; color: var(--cg-blue); font-weight: 800; text-decoration: none; }
.text-link:hover { gap: .75rem; color: var(--cg-blue-dark); }
.text-link-green { color: #07865f; }.text-link-green:hover{color:#056b4c}

.feature-showcase { border: 1px solid var(--cg-border); border-radius: 1.5rem; background: #fff; box-shadow: 0 24px 60px rgba(25,70,120,.1); overflow: hidden; }
.advertiser-showcase { padding: 1.4rem; background: linear-gradient(145deg,#fff,#f7fbff); }
.showcase-tag { margin-bottom: .6rem; color: #8a98ab; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.control-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.15rem .5rem; border-bottom: 1px solid #e5edf7; }
.control-row > div { display:flex;align-items:center;gap:.8rem }.control-row strong,.control-row small{display:block}.control-row strong{color:var(--cg-ink);font-size:.9rem}.control-row small{margin-top:.2rem;color:#8794a6;font-size:.75rem}
.control-icon { display:grid!important;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f2ff;color:var(--cg-blue);font-size:1rem;font-weight:800 }
.control-status { padding:.32rem .56rem;border-radius:999px;background:#e8f8ff;color:#057189;font-size:.68rem;font-weight:800 }
.showcase-note { margin-top: 1.2rem; padding: 1rem; border-radius: .9rem; background: var(--cg-navy); color: #c8d6e8; font-size: .8rem; }.showcase-note b{color:#fff}

.publisher-showcase { padding: 1.7rem; background: linear-gradient(145deg,#fff,#f2fff9); }
.earnings-head { display:flex;justify-content:space-between;align-items:center }.earnings-head strong{display:block;color:var(--cg-navy);font-size:1.1rem}.earnings-head>span{padding:.32rem .65rem;border-radius:8px;background:#ddfaed;color:#087b59;font-size:.72rem;font-weight:800}
.earnings-bars { display:flex;align-items:end;gap:.75rem;height:220px;margin:1.8rem 0;padding:0 .5rem 2rem;border-bottom:1px solid #d9eae2 }.earnings-bars div{display:flex;flex:1;flex-direction:column-reverse;align-items:center;height:100%;gap:.5rem}.earnings-bars i{width:100%;max-width:34px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#21d8a0,#07966b)}.earnings-bars span{color:#8b98a8;font-size:.67rem}
.quality-badge { display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid #d7eee5;border-radius:1rem;background:#f5fff9 }.quality-badge>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#cdf9e6;color:#087b59;font-weight:900}.quality-badge strong,.quality-badge small{display:block}.quality-badge strong{color:var(--cg-ink);font-size:.84rem}.quality-badge small{margin-top:.15rem;color:#7b8b88;font-size:.7rem}

.process-section { background: #fff; }
.process-card { position:relative;height:100%;padding:1.65rem;border:1px solid var(--cg-border);border-radius:1.2rem;background:#fff;transition:.25s ease }.process-card:hover{transform:translateY(-5px);border-color:#b7d1f3;box-shadow:0 18px 38px rgba(17,66,118,.1)}
.process-card>span{display:inline-block;margin-bottom:2rem;color:var(--cg-blue);font-size:.8rem;font-weight:850}.process-card h3{color:var(--cg-navy);font-size:1.1rem;font-weight:800}.process-card p{margin:0;color:#75839a;font-size:.84rem;line-height:1.65}

.security-section { background: radial-gradient(circle at 85% 15%, rgba(5,184,216,.17), transparent 34%), linear-gradient(135deg,#06172c,#0b3155); }
.security-section .section-copy { color: #b2c2d5; }.light-kicker{color:#71e5f7}.security-domain{display:inline-flex;align-items:center;gap:1.2rem;margin-top:1.1rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:.8rem;color:#fff;font-size:.85rem;font-weight:750}.security-domain span{color:#77e0b8;font-size:.72rem}
.security-feature { display:flex;gap:.9rem;height:100%;padding:1.25rem;border:1px solid rgba(255,255,255,.11);border-radius:1rem;background:rgba(255,255,255,.06);backdrop-filter:blur(10px) }.security-feature>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:rgba(5,184,216,.14);color:#72e7fa;font-weight:900}.security-feature strong,.security-feature small{display:block}.security-feature strong{color:#fff;font-size:.91rem}.security-feature small{margin-top:.25rem;color:#aebed0;font-size:.75rem;line-height:1.5}

.landing-page .membership-plan-card { border: 1px solid var(--cg-border)!important; box-shadow: 0 14px 35px rgba(25,70,120,.07); }
.landing-page .membership-featured { border-color: var(--cg-blue)!important; }
.cta-section { padding: 6rem 0; background:#fff; }
.landing-page .cta-box { display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3.5rem;border-radius:1.7rem;background:radial-gradient(circle at 80% 0,rgba(87,224,247,.28),transparent 28%),linear-gradient(125deg,var(--cg-blue-dark),#07396d 70%,#075c7d);box-shadow:0 25px 55px rgba(6,71,189,.2);text-align:left }
.cta-box>div>span{color:#7de6f6;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cta-box h2{max-width:650px;margin:.6rem 0;color:#fff;font-size:clamp(2rem,4vw,3.25rem);font-weight:850;letter-spacing:-.05em}.cta-box p{margin:0;color:#c6d8eb}.cta-box .btn{white-space:nowrap;border-radius:.8rem;font-size:.9rem;font-weight:750}

.site-footer { padding: 3.5rem 0; border-top: 1px solid #e3ebf5; background:#f7faff;color:#8190a5;font-size:.78rem }.footer-brand{margin-bottom:.4rem;color:var(--cg-navy);font-size:1.25rem;font-weight:850;letter-spacing:-.04em}.site-footer a{margin-left:1.25rem;color:#52647d;font-weight:700;text-decoration:none}.site-footer a:hover{color:var(--cg-blue)}

/* Branded application screens */
.auth-page { background: radial-gradient(circle at 15% 0,rgba(5,184,216,.15),transparent 32%),linear-gradient(145deg,#f3f8ff,#fff); }
.auth-card { border: 1px solid rgba(11,99,246,.1)!important; box-shadow: 0 25px 60px rgba(15,65,120,.12)!important; }
.auth-card .btn-primary,.dashboard-page .btn-primary{background:var(--cg-blue);border-color:var(--cg-blue)}
.auth-card .form-control:focus,.auth-card .form-select:focus{border-color:#78aefb;box-shadow:0 0 0 .22rem rgba(11,99,246,.12)}
.dashboard-page .navbar{background:linear-gradient(90deg,var(--cg-navy),#0b3155)!important}.dashboard-page .dashboard-sidebar{border-color:#e0e9f4!important}.sidebar-menu .list-group-item:hover{background:#eef5ff;color:var(--cg-blue)}

@media (max-width: 991.98px) {
    .clickgo-navbar .navbar-collapse { padding: .85rem 0 1rem; }
    .clickgo-navbar .btn { display:block;margin-top:.35rem;padding:.65rem!important; }
    .landing-page .hero-pro { padding: 5.5rem 0 4.5rem; }
    .campaign-preview { max-width: 580px; transform:none; }
    .benefit-item { border-bottom:1px solid #e4edf8; }
    .section-space { padding:5.5rem 0; }
    .landing-page .cta-box { flex-direction:column;align-items:flex-start;padding:2.6rem; }
}

@media (max-width: 575.98px) {
    .hero-title { font-size:3rem; }
    .hero-copy { font-size:1rem; }
    .trust-row { flex-direction:column;gap:.65rem; }
    .benefit-item { min-height:132px;padding:1rem;align-items:flex-start; }
    .benefit-item>span { display:none; }
    .check-grid { grid-template-columns:1fr; }
    .section-space { padding:4.5rem 0; }
    .section-title { font-size:2.25rem; }
    .landing-page .cta-box { padding:2rem 1.35rem; }
    .cta-box .d-flex,.cta-box .btn { width:100%; }
    .site-footer,.site-footer .text-md-end { text-align:center!important; }
    .site-footer a { margin:0 .6rem; }
}