[x-cloak] { display: none !important; }
/* Contrast Updated Brand Colors */
:root {
    --brand-teal: #148591;
    --brand-orange: #d9660b;
    --brand-dark: #1e293b;
}
.brand-teal { color: var(--brand-teal); }
.bg-brand-teal { background-color: var(--brand-teal); }
.brand-orange { color: var(--brand-orange); }
.bg-brand-orange { background-color: var(--brand-orange); }
.brand-dark { color: var(--brand-dark); }
.bg-brand-dark { background-color: var(--brand-dark); }
.glass { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); }
.hero-gradient { background: radial-gradient(circle at top right, #fdf2f8, #f0fdfa, #f8fafc); }
body { 
    font-family: 'Inter', sans-serif; 
    color: #334155; 
    background-color: #f8fafc;
    letter-spacing: 0.015em;
}
.category-box { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; }
.category-box:hover { transform: translateY(-4px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); }