@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Geist+Mono:wght@400;600&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
    background-color: #0D0D0D; 
    color: #E0E0E0; 
    -webkit-font-smoothing: antialiased;
}

.font-mono {
    font-family: 'Geist Mono', monospace;
}

/* Bento Box Premium Styling */
.bento-card { 
    background: #1A1A1A; 
    border: 1px solid #333; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}

.bento-card:hover { 
    border-color: #1E90FF; 
    box-shadow: 0 8px 30px rgba(30, 144, 255, 0.15); 
    transform: translateY(-2px);
}

/* Premium Upgrade Button */
.premium-btn { 
    background: linear-gradient(135deg, #efc07b 0%, #d4a054 100%);
    color: #1a1a2e; 
    font-weight: 700; 
    transition: transform 0.2s, box-shadow 0.2s; 
}

.premium-btn:hover { 
    transform: scale(1.02); 
    box-shadow: 0 0 15px rgba(239, 192, 123, 0.4);
}