body { 
    font-family: 'Inter', sans-serif; 
    color: #222222; 
}

h1, h2, h3, h4, h5, h6 { 
    font-family: 'Montserrat', sans-serif; 
    color: #0B1F3A; 
}

/* Animations */
.fade-in { 
    opacity: 0; 
    transform: translateY(24px); 
    transition: opacity 0.8s ease-out, transform 0.8s ease-out; 
}

.fade-in.visible { 
    opacity: 1; 
    transform: translateY(0); 
}

/* Buttons */
.btn-primary { 
    background-color: #1e40af; 
    color: #FFFFFF; 
    font-weight: 600; 
    padding: 14px 28px; 
    border-radius: 4px; 
    transition: all 0.3s ease; 
    display: inline-block; 
}

.btn-primary:hover { 
    background-color: #1a34a8; 
    transform: translateY(-2px); 
}

.btn-outline { 
    background-color: transparent; 
    color: #0B1F3A; 
    border: 2px solid #0B1F3A; 
    font-weight: 600; 
    padding: 12px 28px; 
    border-radius: 4px; 
    transition: all 0.3s ease; 
    display: inline-block; 
}

.btn-outline:hover { 
    background-color: #0B1F3A; 
    color: #1e40af; 
}

.btn-white-outline { 
    background-color: transparent; 
    color: #FFFFFF; 
    border: 2px solid #FFFFFF; 
    font-weight: 600; 
    padding: 14px 28px; 
    border-radius: 4px; 
    transition: all 0.3s ease; 
    display: inline-block; 
}

.btn-white-outline:hover { 
    background-color: #FFFFFF; 
    color: #0B1F3A; 
}

/* Utilities */
.section-divider { 
    width: 60px; 
    height: 3px; 
    background-color: #1e40af; 
    margin: 0 auto; 
}

.service-card { 
    background: #FFFFFF; 
    border: 1px solid #E5E7EB; 
    transition: all 0.3s ease; 
}

.service-card:hover { 
    transform: translateY(-4px); 
    box-shadow: 0 12px 32px rgba(11, 31, 58, 0.08); 
    border-color: #1e40af; 
}

.trade-card { 
    background: rgba(255,255,255,0.04); 
    border: 1px solid rgba(255,255,255,0.1); 
    transition: all 0.3s ease; 
}

.trade-card:hover { 
    background: rgba(255,255,255,0.08); 
    border-color: #1e40af; 
    transform: translateY(-4px); 
}

/* Form Elements */
input, textarea, select { 
    transition: border-color 0.3s ease; 
}

input:focus, textarea:focus, select:focus { 
    outline: none; 
    border-color: #D4AF37 !important; 
}

/* Mobile Menu */
.mobile-menu { 
    display: none; 
}

.mobile-menu.active { 
    display: block; 
}