:root {
    --dc-bg: #f4f8fc;
    --dc-card: #ffffff;
    --dc-text: #0f172a;
    --dc-muted: #64748b;
    --dc-line: #dbe5f0;
    --dc-blue: #2563eb;
    --dc-cyan: #06b6d4;
    --dc-dark: #020617;
    --dc-success: #047857;
    --dc-warning: #b45309;
    --dc-danger: #b91c1c;
    --dc-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.dc-logo-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--dc-text);
    font-weight: 900;
}

.dc-logo-img {
    height: 42px;
    width: auto;
    display: block;
}

.dc-logo-img.small {
    height: 34px;
}

.dc-logo-img.large {
    height: 54px;
}

.dc-top-nav {
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(219,229,240,.9);
    border-radius: 22px;
    padding: 12px 14px;
    box-shadow: 0 18px 40px rgba(15,23,42,.06);
    backdrop-filter: blur(14px);
}

.dc-btn-primary {
    background: linear-gradient(135deg, var(--dc-blue), var(--dc-cyan)) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 16px 30px rgba(37, 99, 235, .22);
}

.dc-btn-dark {
    background: var(--dc-dark) !important;
    color: #fff !important;
    border: 0 !important;
}

.dc-page-shell {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 28%),
        radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.10), transparent 32%),
        linear-gradient(180deg, #f8fbff 0%, #f4f8fc 100%);
}

@media (max-width: 700px) {
    .dc-logo-img {
        height: 34px;
    }

    .dc-logo-img.large {
        height: 44px;
    }

    .dc-top-nav {
        border-radius: 18px;
    }
}