html,
body {
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
    color: #334155;
    background-color: #f8fafc;
    letter-spacing: -0.01em;
}

html,
body {
    height: 100%;
}

:root {
    /* PRIMARY BRAND COLORS */
    --zc-primary: #006CFF;
    --zc-primary-light: #00A6FF;
    --zc-navy: #0B2340;
    --zc-gradient: linear-gradient(135deg, #0B2340, #2B5FBF);
    --zc-logo-gradient: linear-gradient(180deg, #006CFF, #00A6FF);

    /* GOLD ACCENT COLORS */
    --zc-gold: #D4AF37;
    --zc-gold-light: #F1C772;
    --zc-gold-gradient: linear-gradient(90deg, #D4AF37, #F3C96B);

    /* NEUTRALS */
    --zc-text-dark: #1A1A1A;
    --zc-text-muted: #6B7280;
    --zc-bg-light: #F7F9FC;
    --zc-border: #E6E9EF;
    --zc-white: #FFFFFF;

    /* STATUS COLORS */
    --zc-success: #22C55E;
    --zc-warning: #F59E0B;
    --zc-danger: #EF4444;
}

.uk-navbar-container {
    background: transparent
}

.glassbg {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 32px rgba(11, 35, 64, 0.08);
    /* Sophisticated shadow */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

h1,
h2,
h3,
h4,
h5,
h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-card-title {
    font-family: "Outfit", sans-serif !important;
    font-weight: 600;
    /* clean modern style */
}

@media (min-width: 1200px) {
    .uk-heading-medium {
        font-size: 2.7rem;
    }

    .uk-text-lead {
        font-size: 1.2rem;
    }
}

@media (min-width: 960px) {
    .uk-heading-medium {
        font-size: 1.5rem;
    }

    .uk-text-lead {
        font-size: 1.2rem;
    }
}

/* Premium Primary Button */
.uk-button-primary {
    background: linear-gradient(135deg, #0b2340 0%, #1e4b8a 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(11, 35, 64, 0.15);
}

.uk-button-primary:hover,
.uk-button-primary:focus {
    background: linear-gradient(135deg, #1e4b8a 0%, #0b2340 100%);
    box-shadow: 0 6px 20px rgba(11, 35, 64, 0.25);
    transform: translateY(-2px);
    color: #ffffff;
}

/* Premium Form Inputs */
.uk-input,
.uk-textarea {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    padding: 12px 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) inset;
    color: #334155;
}

.uk-input:focus,
.uk-textarea:focus {
    border-color: #3b82f6;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}