body {
    background-color: #F5F5F5;
    color: #1A1A2E;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

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

.card-white:hover {
    border-color: #FF6A00;
    box-shadow: 0 4px 20px rgba(255, 106, 0, 0.1);
    transform: translateY(-4px);
}

.section-title {
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #FF6A00, #FFB800);
    border-radius: 2px;
}

.btn-primary,
.btn-inquiry {
    background: linear-gradient(135deg, #FF6A00, #E55D00);
    color: #FFFFFF;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-inquiry:hover {
    box-shadow: 0 4px 20px rgba(255, 106, 0, 0.3);
    transform: translateY(-2px);
}

.glass-nav {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.tag-supply {
    background: #E6F4FF;
    color: #00A1FF;
    border: 1px solid #B3D9FF;
}

.tag-purchase,
.tag-hot {
    background: #FFF0E5;
    color: #FF6A00;
    border: 1px solid #FFD4B8;
}

.tag-certified {
    background: #E8F5E9;
    color: #00C853;
    border: 1px solid #A5D6A7;
}

.search-glow:focus {
    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.2);
    border-color: #FF6A00;
}

.footer-link:hover {
    color: #FF6A00;
}

.gradient-text {
    background: linear-gradient(90deg, #FF6A00, #FFB800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.bg-primary,
.hover\:bg-primary:hover,
.hover\:bg-primary-dark:hover,
.bg-orange-500,
.hover\:bg-orange-600:hover {
    color: #FFFFFF !important;
}

.bg-primary *,
.hover\:bg-primary:hover *,
.hover\:bg-primary-dark:hover *,
.bg-orange-500 *,
.hover\:bg-orange-600:hover * {
    color: #FFFFFF !important;
}

.bg-primary iconify-icon,
.hover\:bg-primary:hover iconify-icon,
.hover\:bg-primary-dark:hover iconify-icon,
.bg-orange-500 iconify-icon,
.hover\:bg-orange-600:hover iconify-icon {
    color: #FFFFFF !important;
}